@charset "utf-8";
:root {
    --primary-color: #387821;
    --theme-color: #387821;
}
html,body {width:100%;font-family: Nunito Sans, serif;margin:auto;font-size:14px;position:relative; background:#ffffff;color:#303030;font-weight: 400}
html,body{height:100%;min-height:100%}
body, p{font-family: Nunito Sans, serif}
*{outline:none;padding:0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
::before, ::after {-webkit-box-sizing: border-box;box-sizing: border-box}
a{text-decoration:none;cursor:pointer;color: #303030}
a:hover,a:active,a:focus,a:visited{text-decoration:none !important;color: #303030}
ul{list-style:none;margin: 0;padding: 0}
p{margin:0;color:#303030}
img{display:block;width:100%}
input,textarea,select,dd,dl,img{-webkit-appearance:none;border:none;font-size:14px;background:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:14px; color:#8B8B8B;font-weight: 400;font-family: Nunito Sans, serif}
textarea{resize:none}
.tow{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.hidden{overflow:hidden}
.fw {font-weight: bold}
i,em{font-style:normal}
.center{display:-webkit-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.vertical-center{top: 50%; transform: translateY(-50%)}
.row-center{left: 50%; transform: translateX(-50%)}
.clear{clear: both}
.middle{display:-webkit-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.line{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line2{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.line3{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line4{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.dflex{display:flex;display:-webkit-flex}
.f14{font-size:14px}
.all{display:flex;display:-webkit-flex;flex-direction:column;justify-content:flex-start;min-height:100%}
.content{width:100%;min-height: calc(100vh - 200px)}
.visible-mobile{display:none}
.visible-pc{display:block}
.pr{position:relative}

/*head*/
.head{width:100%;background: #fff;
    transition: transform .5s cubic-bezier(.645,.045,.355,1);
}
.head.scroll-active{transform: translateY(-100%)}
.head-mobile{display: none}
.head-top{width: 100%;height: 60px; background-color: #303030;color: #fff}
.head-top a.logo{display: none}
.head-top-inner{width: 100%;
    max-width: 1600px;
    height: 60px}
.logo-fix{width:266px;height: 42px;margin: 8px 0 8px;position: absolute;left: calc((100% - 1600px) / 2);display: none}
.logo-fix.active{display: block}
.logo{width:266px;height: 42px;margin: 8px 0 8px;display: block}
.logo>img,.logo-fix>img{width:266px;height: 42px}
.head-container{width: 100%;position: relative;background: #f9f9f9}
.head-containertop{display: flex;display: -webkit-flex;max-width: 1600px;width: 100%;align-items:center}
.head-menu{width: 100%;position: relative;background: #fff}
.head-menu-container{width: calc(100% - 500px);margin: 0 0 0 40px}
.head-menu-ul{width: 100%;display: flex; display: -webkit-flex;justify-content:flex-start;align-content:center;margin: 0}
.head-menu-ul .dropdown{position: static}
.head-menu-ul>li.hover{background: #ececec}
.head-menu-ul>li{margin: 0 20px 0 0}
.head-menu-ul>li>a{font-weight: 600;position: relative;padding:30px 20px;display: block;color: #303030;transition: all 0.3s;font-size: 16px;line-height: 26px}
.head-menu-ul>li>a:hover,.head-menu-ul>li>a.active{color:#303030;transition: all 0.3s}
.head-menu-ul>li.hover>a::before{width: 100%;height: 4px;background: #387821;position: absolute;bottom: 0;left: 0;content: "";z-index: 99}
.head-cart{position: absolute; right: 0;color: #303030;display: flex;align-items: center;top: 18px;font-size: 12px}

.icon-cart{display:block;width: 20px;height: 20px;margin-right: 10px;background:url(../images/me/icon_cart.svg) no-repeat center;background-size:100% 100%}
.head-top-content {max-width: 1600px;align-items: center;height: 100%;justify-content: flex-end;margin: 0}
.head-content{display:flex;display:-webkit-flex;justify-content:space-between;max-width:1680px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,0.8);padding:30px 0 0}
.head-left,.head-middle,.head-right{margin:0}
.head-left{width:170px;margin-left:40px}
.head-logo{width:100%}
/* head-fixed */
.head-menu-fixed{position: fixed;top: 0;z-index: 9;left: 0;background: #fff}
.head-menu-fixed .head-menu-ul {width: calc(100% - 200px)}
.head-menu .head-cart{display: none}
.head-menu.head-menu-fixed .head-cart{display: flex;display: -webkit-flex;position: relative;margin: 0;top:0}
.head-menu-fixed  .head-menu-container{display: flex; justify-content: space-between}
.head-secondmenu {position: absolute; width: 100%; background:rgba(255,255,255,0.98); left: 0;top:calc(100% - 2px);z-index: 9;opacity: 0;transition: all .5s ease-out;height:0;box-shadow: 0 8px 8px -5px rgba(0,0,0,0.2)}
.head-secondmenu.active{opacity: 1;height:auto;min-height: 400px}
.head-secondmenu>ul{max-width: 1600px;margin-left:calc((100% - 1600px) / 2);padding: 34px 0 0 20px;display: none}
.head-secondmenu.active>ul{display: flex;display: -webkit-flex}
/*.head-secondmenu.active>ul>li{margin: 0 100px 0 0}*/
/*.head-secondmenu.active>ul>li:nth-child(1),.head-secondmenu.active>ul>li:nth-child(3){width: 20%}*/
/*.head-secondmenu.active>ul>li:nth-child(2){width: 10%}*/
.head-secondmenu>ul a{font-size: 14px;line-height: 32px; color: #303030;cursor: pointer}
.head-secondmenu>ul a:hover{color:#387821}
.second-menu-img{float: right;position: absolute;right: calc((100% - 1600px) / 2); width: 460px; top: 20px;height: 0}
.second-menu-img img{height: 0}
.head-secondmenu.active .second-menu-img img{height: 230px}
.second-menu-img .load-content.lazyloading{padding-bottom: 0}
.head-threemenu{height: 250px;display: flex;display: -webkit-flex;flex-direction: column;flex-wrap: wrap}
.head-threemenu li{margin:0 60px 0 0}
/* .head-middle{width:61%} */
/* .head-search{align-items:center;width:100%;max-width:1017px;height:40px;background:#fff;border:1px solid rgba(199,199,199,0.7);border-radius:20px;padding-right:3px;margin-bottom:27px;position:relative;cursor:pointer}
.head-search input{width:calc(100% - 30px);height:100%;padding-left:20px}
.head-search i{display:block;width:34px;height:34px;background:url(../images/icon-search.png) no-repeat center #fff;background-size:18px auto;border-radius:50%;position:absolute;right:0} */
.icon-track{display: block;width: 10px;height: 12px;background: url(../images/icon_order.png) no-repeat center;background-size: 100% auto}
.icon-contact{display: block;width: 26px;height: 30px;background: url(../images/madian/ico-contact.svg) no-repeat center;background-size: 100% auto}
.icon-order{display: block;width: 20px;height: 30px;background: url(../images/madian/ico-order.svg) no-repeat center;background-size: 100% auto}
.ico-cart{display: block;width: 26px;height: 30px;background: url(../images/madian/ico-cart.svg) no-repeat center;background-size: 100% auto}
.icon-currency{display: block;width: 26px;height: 30px;background: url(../images/madian/ico-currency.png) no-repeat center;background-size: 100% auto}
.head-topitem{display: flex;display: -webkit-flex;align-items: center;height: 100%;margin: 0 0 0 4px;padding: 0 20px;cursor: pointer;}
.head-topitem:hover{background: #4a4a4a}
.head-topitem span{margin: 0;font-size: 14px;color: #f1f1f1;font-weight: bold}
/* .head-topitem i{margin: 0 12px 0 0} */
.currency-wrap{position: relative;cursor: pointer}
.head-topitem.currency-wrap{padding: 0 20px 0 20px}
/*.head-topitem.currency-wrap:after{position: absolute;content: '';display: block;width: 12px;height: 12px;background: url("/assets/images/madian/icon-down-t.png") no-repeat;top: 24px;right: 20px}*/
.currency-area-box{position: relative;max-width: 1600px;margin: 0 auto}
.currency-wrap:hover .currency-area{display: block}
.currency-wrap .currency-area,.currency-area{display:none;position:fixed;padding-top:4px;right:0;top:60px;z-index:10002;color: #fff;cursor: pointer;}
.currency-area.hover{display:block;}
.currency-wrap .currency-area ul,.currency-area ul{background-color:#4a4a4a;border-radius:6px;min-width:200px;overflow:hidden}
.currency-area li{height:43px;line-height:43px;padding:0 20px}
.currency-area li:hover,.currency-area li.active{background-color:#303030}
.currency-area li.active{position:relative}
.currency-area li.active:after{position:absolute;display:block;content:'';right:10px;top:10px;width:20px;height:20px;background:url("/assets/images/madian/icon-selected.png")}

/* Language styles - mimicking currency styles */
.icon-currency{display: block;width: 26px;height: 30px;background: url(../images/madian/ico-language.png) no-repeat center;background-size: 100% auto}
.language-wrap{position: relative;cursor: pointer}
.head-topitem.language-wrap{padding: 0 20px 0 20px}
.language-wrap:hover .language-area{display: block}
.language-wrap .language-area,.language-area{display:none;position:fixed;padding-top:4px;right:0;top:60px;z-index:10002;color: #fff;cursor: pointer;}
.language-area.hover{display:block;}
.language-wrap .language-area ul,.language-area ul{background-color:#4a4a4a;border-radius:6px;min-width:200px;overflow:hidden}
.language-area li{height:43px;line-height:43px;padding:0 20px}
.language-area li:hover,.language-area li.active{background-color:#303030}
.language-area li.active{position:relative}
.language-area li.active:after{position:absolute;display:block;content:'';right:10px;top:10px;width:20px;height:20px;background:url("/assets/images/madian/icon-selected.png")}

/* Global Modal Styles */
.gm-modal-wrapper {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100003;
    transform: translate3d(0,0,0);
}

.gm-modal-bg {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
}
.gm-modal-content .gm-title{
    font-size: 18px;
    margin: 0 0 20px;
    font-weight: bold;
    line-height: 24px;
    padding: 12px 0;
    border-bottom: 1px solid #d5d5d5;
}

.gm-modal-content {
    width: 840px;
    background: #fff;
    z-index: 999;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 30px 30px 30px;
}

.gm-modal-close {
    display: block;
    width: 22px;
    height: 22px;
    background: url(/assets/images/madian/ico-dialog-close.svg) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    right: 30px;
    top: 15px;
}

/* Global Modal Animation */
.gm-modal-wrapper.dialog-enter-active .gm-modal-content {
    animation: gm-dialog-content-in-translatey .4s cubic-bezier(0.4,0,0.2,1);
}

.gm-modal-wrapper.dialog-leave-active .gm-modal-content {
    animation: gm-dialog-content-out-translatey .4s cubic-bezier(0.4,0,0.2,1);
}

/* Global Modal Animation Keyframes */
@keyframes gm-dialog-content-in-translatey {
    0% { transform: translate(-50%, -60%); }
    100% { transform: translate(-50%, -50%); }
}

@keyframes gm-dialog-content-out-translatey {
    0% { transform: translate(-50%, -50%); }
    100% { transform: translate(-50%, -60%); }
}

/* Global Modal Mobile Animation Keyframes */
@keyframes gm-dialog-content-in-translatey-mobile {
    0% { transform: translate(0, 100%); display: block; }
    100% { transform: translate(0, 0); }
}

@keyframes gm-dialog-content-out-translatey-mobile {
    0% { transform: translate(0, 0); }
    100% { transform: translate(0, 100%); display: none; }
}

.global-modal .modal-body {
    padding: 20px 0;
    font-size: 14px;
    line-height: 19px;
    color: #303030;
}

.global-modal .modal-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #d5d5d5;
}

.global-modal .modal-buttons button {
    padding: 10px 60px;
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 80px;
    height: 50px;
    width: auto;
}

.global-modal .modal-buttons .btn-primary {
    background-color: #303030;
    color: #fff;
    border-color: #303030;
    margin: 0;
}

.global-modal .modal-buttons .btn-primary:hover {
    background-color: #000;
    border-color: #000;
}

.global-modal .modal-buttons .btn-default {
    background-color: #fff;
    color: #303030;
    border-color: #d5d5d5;
}

.global-modal .modal-buttons .btn-default:hover {
    background-color: #f5f5f5;
    border-color: #8b8b8b;
}

.global-modal .modal-buttons .btn-danger {
    background-color: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

.global-modal .modal-buttons .btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

/* Modal Types */
.global-modal.modal-small .gm-modal-content {
    width: 400px;
    max-width: 90vw;
}

.global-modal.modal-large .gm-modal-content {
    width: 1000px;
    max-width: 95vw;
}

.global-modal.modal-fullscreen .gm-modal-content {
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
    border-radius: 0;
}

.global-modal.modal-center .modal-buttons {
    justify-content: center;
}

.global-modal.modal-left .modal-buttons {
    justify-content: flex-start;
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
    .global-modal .modal-buttons {
        flex-direction: column;
        gap: 8px;
    }
    
    .global-modal .modal-buttons button {
        width: 100%;
        min-width: auto;
    }
    
    .global-modal.modal-small .gm-modal-content,
    .global-modal.modal-large .gm-modal-content {
        width: 100%;
        max-width: 100%;
        margin: 0;
        border-radius: 10px 10px 0 0;
    }
    
    /* Global Modal Mobile Styles */
    .gm-modal-wrapper .gm-modal-content {
        max-width: 100% !important;
        width: 100%;
        padding: 0 20px 20px;
        max-height: 90vh;
        overflow-y: scroll;
        overflow-x: hidden;
        bottom: 0;
        top: unset;
        left: 0;
        border-radius: 10px 10px 0 0;
        transform: translate(0, 100%);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Global Modal Mobile Active State */
    .gm-modal-wrapper.dialog-enter-active .gm-modal-content {
        transform: translate(0, 0);
    }
    
    .gm-modal-close {
        display: block;
        width: 25px;
        height: 25px;
        background-size: 100% auto;
        right: 20px;
        top: 20px;
        z-index: 9999;
    }
    
    .gm-modal-wrapper .gm-modal-content .gm-title {
        font-size: 18px;
        padding: 20px 40px 20px 0;
        border-bottom: 1px solid #d5d5d5;
        margin-bottom: 0;
        position: absolute;
        width: 100%;
        background: #fff;
        z-index: 999;
    }
    
    .gm-modal-wrapper .gm-modal-content > div {
        max-height: calc(100vh - 160px);
        overflow-y: scroll;
        padding-top: 64px;
        margin-bottom: 0;
    }
    /* Global Modal Mobile Animation */
    .gm-modal-wrapper.dialog-enter-active .gm-modal-content {
        animation: gm-dialog-content-in-translatey-mobile .4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .gm-modal-wrapper.dialog-leave-active .gm-modal-content {
        animation: gm-dialog-content-out-translatey-mobile .4s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

.head-mobilemenu-fixed{display: none}
.head-search-fixed{display: none}
.search-index{width: 250px;height: 40px;border: 1px solid #D5D5D5;border-radius: 20px;margin: 0;display: flex;display: -webkit-flex;overflow: hidden;align-items: center}
.search-index input{width: calc(100% - 25px);padding: 10px 14px;line-height: 20px;background: #fff}
.search-index .icon-search{display: block;width: 40px;height: 40px;transition: all .5s;background: url("../images/madian/ico-search.svg") no-repeat center #387821;background-size:40px auto;cursor: pointer;border: none;border-radius: 0}
.search-index .icon-search:hover{width: 60px}


/*.currency-area>ul{display:none}*/
/*.currency-area a{-webkit-transition:all 0s ease-in;transition:all 0s ease-in;color:#fff}*/
/*.currency-area>a i{-webkit-transition:-webkit-transform .1s ease-out;-moz-transition:-moz-transform .1s ease-out;-o-transition:-o-transform .1s ease-out;-ms-transition:-ms-transform .1s ease-out;vertical-align:middle;margin-left:5px;width:7px;height:4px;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjEGCwYKhh+AcABAIBw16BkcgAAAAASUVORK5CYII=) 100% no-repeat}*/
/*.currency-area:hover>a i{-moz-transform:rotate(90deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}*/
/*.currency-area img,.currency-mobile img{vertical-align:middle;width:16px;height:11px;display:inline}*/
/*.currency-area img:hover{opacity:1}*/
/*.currency-area{position:relative;display:block;z-index:1000;line-height:34px}*/
/*.currency-area ul{padding:0 0;position:absolute;border:1px solid #cfcecd;z-index:1001;left:0;top:32px;min-width:138px;background-color:#FFF}*/
/*.currency-area ul li{min-width:128px;float:none;display:block;padding:0;margin:0;font-size:12px}*/
/*.currency-area ul li a{color:#010101;line-height:25px;display:block;padding:0 5px}*/
/*.currency-area:hover>ul{display:block}*/
/*.currency-area ul li:hover a{color:#0296E0}*/
/*.currency-list-mobile {padding: 5px 10px}*/
/*.currency-list-mobile li {border-bottom: 1px solid #ccc;padding: 5px 0}*/
/*.currency-list-mobile li:last-child{border-bottom:none}*/

/*foot*/
.foot{width:100%;background: #303030;margin-top: 90px}
.foot-content{width:100%;;margin:0 auto;padding:56px 0 50px}
.foot-content ul{max-width: 900px;justify-content:space-between;margin: 50px auto 0}
.foot-content ul li{margin:0}
.footer-title{font-size:16px;color:#fff;line-height:22px;margin-bottom:20px;position:relative;font-weight:600}
.footer-item{display:block;font-size:14px;line-height:19px;color:#fff  !important;opacity: 1;margin-bottom: 12px}
.footer-item:hover,.footer-item:link,.footer-item:active,.footer-item:visited{color: #fff}
.footer-item:hover{opacity: 1}
.footer-contact{display:inline-block;vertical-align:bottom}
.footer-contact>a{display:inline-block;vertical-align:bottom;width:40px;height:40px;float:left;margin-right:30px}
.footer-contact>a img{width:100%}
.foot-input{width: 100%; height: 36px; background: #ffffff;border-radius: 5px;padding: 0 15px;  margin-bottom: 7px;color: #0e1152 }
.foot-bottom{max-width: 1200px;margin: 0 auto;padding: 14px 0 16px 0}
.foot-payimg{width:470px;margin:0;display: flex;display: -webkit-flex;padding:10px;align-items: center}
.foot-payimg-left{width: 100px}
.foot-payimg-left img{width: 100%}
.foot-payimg-right{width: 350px}
.foot-left{width: 155px;margin: 0}
.foot-bottom .dflex{align-items: center;justify-content: space-between}
.footer-copy{width:100%;text-align:center;font-size:14px;line-height:16px;padding: 10px 0 88px;color: #fff}
.foot-submit{width: 100%; margin-right: 0;background: #ffcc5a; border: none; color: #303030; font-size: 16px; border-radius: 5px;height: 36px;font-weight: 600}
.address-text{color:#fff;width:100%;max-width:768px;text-align:center;margin:0 auto 6px}
.foot-submit:hover,.foot-submit:active,.foot-submit:visited{opacity: 0.75}
.foot-fb{display: block;width: 36px;height: 36px}
.footer-connect-pc{display: block}
.footer-connect-mobile{display: none}
.foot-input::-webkit-input-placeholder{color: #303030}
.foot-tel{font-size: 20px;margin-top: 8px}
.footer-contact .dflex{align-items: center;margin-bottom: 10px}
.footer-contact .dflex span{margin: 0}
.footer-contact .dflex i{margin: 0 10px 0 0}
.foot-local{display: block;width: 20px;height: 20px;background: url("../../assets/images/me/localhost.png") no-repeat center;background-size: 100% auto}
.foot-tel{display: block;width: 20px;height: 20px;background: url("../../assets/images/me/tel.png") no-repeat center;background-size: 100% auto}
.link-facebook{margin: 0 20px 0 0  !important; color: #303030}
.link-facebook:hover{color: #303030}
.link-phone{margin: 0 20px 0 0!important; color: #303030}
.link-message{margin:  0  !important}
.footer-dflex{flex-wrap: wrap}
.icon-facebook{display: block;width: 20px;height: 20px;background: url("../../assets/images/me/icon-facebook.svg") no-repeat center;background-size: 100% auto;margin: 0 0 0 20px}
.icon-message{display: block;width: 20px;height: 20px;background: url("../../assets/images/me/messenger.svg") no-repeat center;background-size: 100% auto;margin: 0 0 0 20px}
.footer-flex{display: flex;display: -webkit-flex;align-items: center}
.footer-flex-ico{margin: 0 20px 0 0}
.footer-flex-ico img{width: 40px;height: 40px}
.subscription{max-width: 900px;margin: 0 auto}
.subscription-content{display:flex;display:-webkit-flex;justify-content: center;flex-wrap: wrap}
.subscription-title{font-size: 16px;font-weight: bold;color: #fff;text-align: center;line-height: 22px;margin-bottom: 20px}
.subscription-title>i{font-size: 24px;color: #83FF57}
#first-name{width: 180px;height: 50px;background: #fff;border-radius: 10px;padding: 12px;margin: 0 12px 0 0}
#email{width: 340px;height: 50px;padding: 12px;background: #fff;border-radius: 12px;margin: 0 12px 0 0}
#get-my-discounted{padding: 0 47px;border-radius: 12px;height: 50px;border: none;background: #387821;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;margin: 0}
#get-my-discounted:hover,#get-my-discounted:visited{background: #54A836}
#privacy-policy{width: 15px;height: 15px;margin:0 12px 0 0;cursor: pointer;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmBAMAAABaE/SdAAAAJ1BMVEX///////////////8AAAD///////////////////////////////+98tUPAAAADHRSTlPk2KURAPjb2pyYEhB4rJYhAAAAPklEQVQoz2NwVjiDCpiWMGw7gw6KGXowxE4yyGCIHWSIwRA7ynAGE4yKjYqRIoYtrWFNk+YYYtkMXhhp3AQAPF826Lo7jQgAAAAASUVORK5CYII=")no-repeat center;background-size:100% 100%; outline: none}
#privacy-policy[type="checkbox"]:checked{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAPFBMVEU3dyAwcCBCfixCfysAAAA6eSM6eSM4eCH///+0zKuDq3Ty9vFdkUrm7uOcvJB1oWVQiTynw51qmlhDfy7Lp6qGAAAAB3RSTlOQEOzrANPSl+hXPAAAAI9JREFUOMvt1DEOg0AMRFF7WbAJWSDJ/e8apYApRlq7SYHEr580lS1VZbBug2gVnSxsUhFLJOdisGupbvZrW/cEm90bWEf5AtZR/gALFTNWzFgx+zR/kWK2uftMiti+nA6KmT0PB8UMDooZXINiBncoYuSgiMFBMYNb39e4hf+xklEl+wZ1jNWoUlVKtKj1C9+3KBOqsHZLAAAAAElFTkSuQmCC") no-repeat center;background-size:100% 100%}
.agreed-btn{display: flex;display: -webkit-flex;align-items: center;justify-content: flex-start;max-width: 730px;margin: 20px auto 12px;color: #fff}
.agreed-btn a{color: #83FF57}
.agreed-btn>label{margin:0;cursor: pointer}
#privacy-policy-notice{max-width: 730px;margin:0 auto;padding-left: 27px}
.subscription .privacy-link{color:#FFFFFF;line-height:19px;margin-top:10px;text-align:center}
.subscription .privacy-link>a{text-decoration:underline;color:#77FF46;font-weight:700}
.subscription-content>div{margin:0}
.subscription-content .name-tip,.subscription-content .email-tip{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#FF0000;margin-top:6px;display:none}

.scroll-item{display: block;border-radius: 50%; width: 60px; height: 60px;box-shadow: 0 0 6px 0 #387821;line-height: 60px;position: fixed;z-index: 999; right: 16px}
#top-scroll{opacity: 0;bottom: 90px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAgCAMAAACfHyDkAAAADFBMVEVHcEz///////////8Gn9AKAAAAA3RSTlMA1CrEmQ0TAAAAc0lEQVR42pXVQQoAIRADwV39/5+9GaRhQntxTCjwNt9w1r+GdoQ7VMIdKmGohKEShnqYD1t4bw0zSfjMBuKlYKeETCxk1iFTC5l3yKZCR1HWlpWhLDplbCjDThk5SlipgKCAgj5Q0UBJ/RKI0IsnYil4xQEWwARkyEgHOwAAAABJRU5ErkJggg==") center no-repeat #387821;
    background-size: 28px auto;background-position: 17px 20px;
}
#hubspot-messages-iframe-container{z-index: 99991 !important;}
.go-contact{display: block; bottom: 120px;background: #387821 url('../images/madian/contact_icon@2x.png') no-repeat center;-webkit-transition:right .4s ease-out;transition:right .4s ease-out;background-size: 24px 24px}

/*box*/
.box{display: none;width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:9999}
.box-shadow{-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2);box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.box-fix{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1000000}
.box-fix .box-bg{background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: fixed}
.box-fix .box-content{width: 840px;background: #fff;z-index: 999;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);padding: 0 30px 30px 30px}
.box-fix-close,.qa-model-fix-close{display: block;width: 22px; height: 22px;background: url(../images/madian/ico-dialog-close.svg) no-repeat center;background-size: 100% auto;position: absolute;right:30px;top:15px}
.box-fix-close:hover,.qa-model-fix-close:hover{background-color: #d5d5d5}
.box-fix .box-content h2 {font-size: 18px;margin: 0 0 20px;font-weight: bold;line-height: 24px;padding: 12px 0;border-bottom: 1px solid #d5d5d5}
.box-fix .box-content p{font-size: 14px;line-height: 19px;margin-bottom: 12px;font-weight: bold}
.catalog-product-text{font-size: 16px;margin: 0;font-family: nunito,sans-serif;display: inline-block;font-weight: 700;max-width: calc(100% - 320px)}
.ico-subscription{width: 150px}

/*subscription*/
.subscription-box.box-fix img{width: 150px}
.subscription-box.box-fix p{line-height: 1.35;font-size: 16px;text-align: center}
.subscription-box.box-fix p.title{font-size: 20px;margin-bottom: 30px;margin-top: -30px}
.subscription-box.box-fix p.subscription-desc{font-size: 14px;font-weight: 400}
i.percentage{color:#387821;font-size: 20px}
.subscription-code{margin: 30px 0 20px 0;align-items: center;justify-content: center}
.subscription-code span{font-size: 16px;font-weight: bold}
.subscription-code-left{margin: 0 30px 0 0}
.subscription-code-right{display: block;height: 50px;line-height: 50px;padding: 0 36px;background: #387821;color: #fff;border-radius: 10px;margin: 0}

@media screen and (max-width:991px){
    .catalog-product-text{max-width: 100%}
    .box-fix .box-content{max-width: 90%;width: 90%;padding: 0 12px 30px 12px;max-height: 90vh;overflow-y: scroll;overflow-x: hidden}
    .box-fix-close,.qa-model-fix-close {display: block;width: 76px;height: 76px;background: url("data:image/png;base64,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") no-repeat center;background-size: 100% auto;right: -10px;top: 0}
    .box-fix .box-content h2 {font-size: 16px; padding: 20px 76px 20px 0}
    .subscription-box.box-fix .box-content{padding: 0 12px 20px}
    .subscription-box.box-fix .box-content p {font-size: 14px}
    .subscription-box.box-fix .box-content p.title{font-size: 18px;margin-top: -20px;margin-bottom: 20px}
    .subscription .privacy-link{text-align:left}

    /*currency mobile*/
    /*.currency-mobile-btn{width:100%;height:51px;border:1px solid #d5d5d5;text-align:center;line-height:50px;font-size:15px;font-weight:bold}*/
    /*.currency-mobile-btn i{width:12px;height:12px;background:url("/assets/images/madian/icon-down.png");display:inline-block;margin-left:10px}*/
    .currency-mobile-modal .currency-area li.active,.currency-mobile-modal .currency-area li:hover{background-color:#fff;font-weight:700}
    .pop-up-wrapper.currency-mobile-modal .pop-up-content{padding:0 20px 18px 20px}
    .currency-mobile-modal .currency-area li.active:after{display:none}
    .currency-mobile-modal .currency-area li{display:flex;align-items:center}
    .currency-mobile-modal .currency-area li i,.lang-mobile-modal .lang-menu-list li i{width:20px;height:20px;display:inline-block;background:url("/assets/images/madian/icon-selected-mobile.png");margin:0 0 0 14px}
    .currency-mobile-modal.pop-up-wrapper .pop-up-content>div{padding-top:56px}
    .currency-mobile-modal.pop-up-wrapper ul{
        border-top:1px solid #d5d5d5;
        background: #fff;
        color: #303030;
        border-radius: 0;
    }
    .currency-mobile-modal.pop-up-wrapper .pop-up-content h2,.currency-mobile-modal.pop-up-wrapper .pop-up-content .title{padding-bottom:12px;padding-top: 20px}
    .currency-mobile-modal .currency-area{
        border-top:1px solid #d5d5d5;
        display: block;
        position: unset;
    }
    .currency-area li{padding:0}
    .scroll-item{right: 8px;}
}

.pay{display: flex;display: -webkit-flex;justify-content: center;flex-wrap: wrap;margin: 30px auto 10px auto}
.pay img{height: 40px;width:68px;margin: 0 8px 0 0;flex-shrink: 0}
.pay img.payIco{width: 80px}
.pay img.payments{width: 530px}
.pay img.trustwaves{width: 103px}
.madian-maxWidth{max-width: 1600px;margin: 0 auto}
.top-tab{font-size: 14px;margin-bottom: 20px}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none}
input[type="number"]{-moz-appearance: textfield}
.priceTab{margin: 0 5px 0 0;font-weight: 400;font-size: 13px}

@media screen and (min-width:992px){
    .hidden-p{display: none}
}
/*loading*/
#loading-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:20001}
#loading-mask .background-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
#loading-mask-loader{position:fixed;left:50%;top:50%;background-color:transparent;text-align:center;transform:translate(-50%,-50%)}
#loading-text{color:#FFF;font-family: Nunito Sans, serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;position:relative}
.loading-img{display:block;width:50px;height:50px;box-sizing:border-box;margin:12px auto;position:relative;background:url("/assets/images/madian/loading_img.png");animation:loading_rotate 1.5s linear infinite}
.loading-sty{display:flex;justify-content:flex-start;align-items:flex-end;padding-bottom:6px;margin-left:4px}
.loading-sty i{width:3px;height:3px;background:#fff;display:block;margin-right:2px}
.loading-sty i:nth-child(2){animation:square_check_a 1.5s linear infinite;animation-delay:0s}
.loading-sty i:nth-child(3){animation:square_check_a 1.5s linear infinite;animation-delay:0.5s}
.loading-sty i:nth-child(4){animation:square_check_a 1.5s linear infinite;animation-delay:1s}
.loading-sty i:nth-child(5){animation:square_check_a 1.5s linear infinite;animation-delay:1.5s}
@keyframes loading_rotate{
    from{transform:rotate(180deg)}
    to{transform:rotate(-180deg)}
}
@-webkit-keyframes square_check_a{
    25%{opacity:0}
    50%{opacity:1}
    75%{opacity:1}
    100%{opacity:1}
}

/*lazyloading*/
.imgBox{position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.imgBoxFill{position: relative;width: 100%;padding-bottom: 100%}
.imgBox img,.imgBoxFill img{width: 100%;height: 100%;position: absolute;object-fit: cover;}
.load-content.lazyloading{display: block;width: 100%;height:100%;padding-bottom: 100%;position: absolute}
.load-content.lazyloading:before,.load-content.lazyloading:after{position: absolute;width: 10px;height: 30px;top: calc(50% - 5px);content: ''; background-color: #ffffff;z-index:2}
.load-content.lazyloading:before{
    left: calc(50% - 20px);-webkit-animation: rectangle infinite 1s ease-in-out -.4s;-moz-animation: rectangle infinite 1s ease-in-out -.4s; -o-animation: rectangle infinite 1s ease-in-out -.4s;animation: rectangle infinite 1s ease-in-out -.4s;
}
.load-content.lazyloading:after{
    right: calc(50% - 20px);-webkit-animation: rectangle infinite 1s ease-in-out;-moz-animation: rectangle infinite 1s ease-in-out;-o-animation: rectangle infinite 1s ease-in-out;animation: rectangle infinite 1s ease-in-out;
}
@-webkit-keyframes rectangle{
    0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #ffffff;box-shadow:0 0 #ffffff}
     40%{height:45px;-webkit-box-shadow:0 -20px #ffffff;box-shadow:0 -20px #ffffff}
}@-moz-keyframes rectangle{
     0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #ffffff;box-shadow:0 0 #ffffff}
     40%{height:45px;-webkit-box-shadow:0 -20px #ffffff;box-shadow:0 -20px #ffffff}
}@-o-keyframes rectangle{
      0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #ffffff;box-shadow:0 0 #ffffff}
      40%{height:45px;-webkit-box-shadow:0 -20px #ffffff;box-shadow:0 -20px #ffffff}
}@keyframes rectangle{
       0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #ffffff;box-shadow:0 0 #ffffff}
       40%{height:45px;-webkit-box-shadow:0 -20px #ffffff;box-shadow:0 -20px #ffffff}
}
.cart-list-mobile .load-content.lazyloading:before,.cart-list-mobile .load-content.lazyloading:after,.gallery-thumbs .load-content.lazyloading:before,.gallery-thumbs .load-content.lazyloading:after{width: 5px;height: 10px;top: calc(50% + 5px)}
.cart-list-mobile  .load-content.lazyloading:before,.gallery-thumbs .load-content.lazyloading:before{
    left: calc(50% - 10px);-webkit-animation: rectangle2 infinite 1s ease-in-out -.4s;-moz-animation: rectangle2 infinite 1s ease-in-out -.4s; -o-animation: rectangle2 infinite 1s ease-in-out -.4s;animation: rectangle2 infinite 1s ease-in-out -.4s;
}
.cart-list-mobile  .load-content.lazyloading:after,.gallery-thumbs .load-content.lazyloading:after{
    right: calc(50% - 10px);-webkit-animation: rectangle2 infinite 1s ease-in-out;-moz-animation: rectangle2 infinite 1s ease-in-out;-o-animation: rectangle2 infinite 1s ease-in-out;animation: rectangle2 infinite 1s ease-in-out;
}
@-webkit-keyframes rectangle2
{
    0%,80%,100%{height: 10px;-webkit-box-shadow: 0 0 #ffffff;box-shadow: 0 0 #ffffff}
    40%{height: 20px;-webkit-box-shadow: 0 -20px #ffffff;box-shadow: 0 -20px #ffffff}
}
@-moz-keyframes rectangle2
{
    0%,80%,100%{height: 10px;-webkit-box-shadow: 0 0 #ffffff; box-shadow: 0 0 #ffffff}
    40%{height: 20px;-webkit-box-shadow: 0 -20px #ffffff; box-shadow: 0 -20px #ffffff}
}
@-o-keyframes rectangle2
{
    0%,80%,100%{height: 10px;-webkit-box-shadow: 0 0 #ffffff; box-shadow: 0 0 #ffffff}
    40%{height: 20px;-webkit-box-shadow: 0 -20px #ffffff;box-shadow: 0 -20px #ffffff}
}
@keyframes rectangle2
{
    0%,80%,100%{ height: 10px; -webkit-box-shadow: 0 0 #ffffff; box-shadow: 0 0 #ffffff}
    40%{ height: 20px;-webkit-box-shadow: 0 -20px #ffffff;box-shadow: 0 -20px #ffffff}
}
/*nullBox*/
.nullBox{max-width: 1600px;margin: 25px auto}
.nullBox .imgBlock{max-width: 316px;margin: 0 auto;position: relative;padding-bottom: 296px}
.nullBox img{width: 100%;position: absolute;top:0;left:0}
.nullText{width: 100%;text-align: center;font-size: 18px}
.nullText>i{font-weight: bold}

@-webkit-keyframes fill_color{
    0%{ box-shadow: inset 0 0 0 0 rgba(2,150,224,0.1)}
    100%{ box-shadow: inset 0 -20px 0 0 rgba(2,150,224,1)}
}
@-moz-keyframes fill_color{
    0%{ box-shadow: inset 0 0 0 0 rgba(2,150,224,0.1)}
    100%{ box-shadow: inset 0 -20px 0 0 rgba(2,150,224,1)}
}
@keyframes fill_color{
    0%{ box-shadow: inset 0 0 0 0 rgba(2,150,224,0.1)}
    100%{ box-shadow: inset 0 -20px 0 0 rgba(2,150,224,1)}
}

@media screen and (max-width:1600px) and (min-width:992px){
    .madian-maxWidth,.head-containertop,.head-top,.cart-all,.cart-title,.onepage-head,.category-content{padding-right: 20px !important;padding-left: 20px!important}
    .head-secondmenu.active .second-menu-img{width:260px;right:20px;height: 130px !important}
    .head-secondmenu.active .second-menu-img img{height: 130px !important}
    .head-secondmenu>ul{max-width: 1140px;margin-left: 20px;padding: 20px}
    /*.head-secondmenu.active>ul>li:nth-child(1), .head-secondmenu.active>ul>li:nth-child(3){width: 16%}*/
    .logo-fix{left: 10px}
}
@media screen and (max-width:1360px) and (min-width:992px){
    .madian-maxWidth,.head-containertop,.head-top,.cart-all,.cart-title,.onepage-head,.category-content{padding-right: 20px !important;padding-left: 20px!important}
    .head-menu-container {width: calc(100% - 400px)}
    .head-menu-ul>li{margin: 0}
    .head-menu-ul>li>a{padding: 6px}
}
@media screen and (max-width:1200px) and (min-width:992px){
    .foot-content ul{padding: 0 20px}
}
@media screen and (max-width:1024px) and (min-width:992px){
    .head-top-content,.head-containertop,.head-menu,.foot-content ul,.foot-bottom,.head-top-content{max-width: 100%;padding: 0 10px}
    .second-menu-img{right: 20px}
    .content{padding: 0 10px}
    .head-secondmenu>ul{max-width: calc(100% - 200px);margin-left: 20px}
    .second-menu-img{width: 200px}
    /*.head-secondmenu.active>ul>li{margin: 0 60px 0 0}*/
    .head-menu-ul>li>a{font-size: 14px}
}
@media screen and (max-width:991px){
    .head{display: none}
    .head-fixed-close,.head-search-close{display: block;width: 40px;height: 40px;background: url(../images/madian/menu-close.svg) no-repeat center;background-size:100% auto;margin: 0;border-radius: 50%;box-shadow: 0 6px 12px rgba(0,0,0,0.12)}
    .head-mobile{display: flex;display: -webkit-flex;flex-direction: column;width: 100%;height:auto;z-index: 99991;;justify-content: space-between;align-items: center;background: #f9f9f9;
        padding: 0;position: fixed;transition: transform .5s cubic-bezier(.645,.045,.355,1)}
    .head-mobile.scroll-active{transform:translateY(-100%)}
    .head-mobile-right{margin:0;display:flex;align-items:center}
    .head-mobilemenu-fixed { display: block; position: fixed; top: 0;bottom: 0;  z-index: 100003;width: 100%;padding-top: 0;transition: right 0.2s ease 0s;right:-100%}
    .head-mobilemenu-fixed.active{right:0}
    .head-search-fixed { display: block; position: fixed; top: 0;bottom: 0;  z-index: 100003;width: 100%;padding-top: 0;transition: left 0.2s ease 0s;left:-100%}
    .head-search-fixed.active{left:0}
    .head-mobile-bg{ display:none;position: fixed; top: 45px;bottom: 0; background: rgba(0,0,0,0.5); z-index: 999;width: 100%;right:0;left:0}
    .head-mobile-list {display: inline-block;vertical-align: bottom;width: 100%;left: 0;height: 100%;z-index: 99999;position: absolute; background: #fff;overflow-x: hidden;overflow-y: auto}
    .header-mobile-top{display: flex;display: -webkit-flex;width: 100%;height: 60px;background: #387821; padding: 0 20px;justify-content: space-between; align-items: center;position: sticky;top: 0 ;z-index: 10}
    .header-mobile-top img{width: 188px;height: 30px;margin: 0}
    .header-mobile-track,.header-mobile-contact{position:relative;display: flex;display: -webkit-flex;width:50%;align-items: center;height:36px;background: #303030;color:#fff;justify-content: center}
    .header-mobile-track:before{width:1px;height:12px;background:#555;content:"";position:absolute;right:0;top:13px}
    .header-mobile-track>i{display:block;width:11px;height:12px;margin:0 10px 0 0;background: url(../images/icon_order.png) no-repeat center;background-size: 100% auto}
    .header-mobile-contact>i{display:block;width:14px;height:13px;margin:0 10px 0 0;background: url(../images/icon_contact.png) no-repeat center;background-size: 100% auto}
    .header-mobile-track>span,.header-mobile-contact>span{margin: 0;color: #fff}
    .head-menu-content{padding: 20px 20px 190px 20px}
    .head-menu-content a.title{display: block;line-height: 27px;font-size: 20px;font-weight: 600;color: #303030;margin-bottom: 20px}
    .head-secondmenu-mobile{display: none;vertical-align: bottom;width: 100%;transition: all .5s ease}
    .head-secondmenu-mobile a{display: block;width: 100%;color: #303030;font-size: 14px;margin-bottom: 10px}
    .head-secondmenu-mobile a:last-child{margin-bottom: 0}
    .head-secondmenu-mobile a.item{font-weight: bold;font-size: 16px;position: relative;margin-bottom: 20px}
    .head-secondmenu-mobile.active a.item-second::before{width: 12px;height: 12px;background: url(../images/arrow_right.png) no-repeat center; background-size: 100% auto;content: "";position: absolute;right: 0}
    .head-secondmenu-mobile ul{margin-bottom: 20px;display: none}
    .head-secondmenu-mobile ul.active{display: flex;display: -webkit-flex;flex-direction: column;max-height: 250px;flex-wrap: wrap;align-items: flex-start}
    .head-secondmenu-mobile ul>li{display: inline-block;line-height: 19px;margin:0 20px 20px 0}
    .head-secondmenu-mobile ul>li:last-child{margin-bottom: 0}
    .second-title,.thumb-title{position: relative}
    .second-title::before{width: 12px;height: 27px;background: url(../images/madian/ico-down-black.svg) no-repeat center; transform: rotate(-90deg); background-size: 100% auto;content: "";position: absolute;right: 0}
    .second-title.active::before{width: 12px;height: 27px;background: url(../images/madian/ico-down-black.svg) no-repeat center; background-size: 100% auto;content: "";position: absolute;right: 0;transform: rotate(0deg)}
    .thumb-title::before{width: 11px;height: 50px;background: url(../images/icon_next.png) no-repeat center; background-size: 6px auto;content: "";position: absolute;right: 0}
    .head-secondmenu-mobile.active{display: inline-block}
    .content{padding-top: 82px}
    .menu-order{margin-bottom: 20px}
    .menu-order>a{align-items: center}
    .menu-order span{line-height: 27px;  font-size: 20px;  font-weight: 600; color: #303030; margin:0}
    .ico-menu-order{display: block;width: 30px;height: 30px;background: url(../images/madian/ico-order-black.svg) no-repeat center;background-size:100% auto;margin: 0}
    .ico-menu-info{display: block;width: 30px;height: 30px;background: url(../images/madian/ico-contact-black.svg) no-repeat center;background-size:100% auto;margin: 0}
    .icon-menu{display: block;width: 30px;height: 30px;background: url(../images/icon_menu.svg) no-repeat center;background-size:100% auto;margin: 0}
    .icon-cart-mobile{display: block;width: 30px;height: 30px; background: url(../images/icon_cart.svg) no-repeat center;background-size:100% auto;margin: 0 12px 0 0;position: relative}
    .icon-cart-num{display:block;width:16px;height:16px;background:#FC8A32;border-radius:50%;text-align:center;font-size:12px;line-height:16px;position:absolute;top:-3px;left:18px;color:#fff}
    .logo{width:162px;height: 26px;margin: 0}
    .logo>img{width:162px;height: 26px}
    .foot-content{max-width: 100%}
    .foot-content ul {flex-wrap: wrap;max-width: 100%;padding: 50px 15px 0;margin:0 auto}
    .foot-content ul li { width: 100%;margin-bottom: 13px }
    .foot-content{padding: 0 0 0}
    .footer-connect-mobile{display: block;margin-bottom: 5px !important}
    .footer-connect-mobile .footer-title{margin-bottom: 15px;text-align: center}
    .footer-title{position: relative}
    .footer-title:after{width: 12px;height: 8px;content: "";position: absolute;background: url(../images/madian/ico-down.svg) no-repeat center;background-size:100% auto;top:7px;right: 0}
    .foot-submit{width: calc(100% - 53px); margin-right: 15px;height: 38px}
    .foot-fb{width: 38px;height: 38px}
    .foot-left{display: none}
    .foot-bottom{padding: 8px 12px 12px}
    .footer-copy { margin: 15px auto 20px;padding: 10px 0 20px}
    .address-text{text-align:left}
    .footer-contact{width: 100%}
    .foot-payimg{width: 100%}
    .foot-payimg-left{width: 20%}
    .foot-payimg-right{width: 80%}
    .footer-contact{font-size: 12px}
    .footer-item{display: none}
    .footer-item.active{display: block}
    .subscription{max-width: 100%;padding: 30px 20px 0 20px}
    .subscription-title{font-size: 16px;line-height: 22px;text-align: left;margin-bottom: 12px}
    .subscription-title>i{font-size: 18px}
    .subscription-content {justify-content: flex-start}
    #first-name{width: 100%;height: 44px;border-radius: 6px}
    #email{width: 100%;margin: 0;height: 44px;border-radius: 6px}
    #get-my-discounted{margin: 12px 0 0 0;height: 44px;width: 100%; padding: 0 20px;border-radius: 6px;font-size: 14px}
    .agreed-btn{max-width: 100%;margin: 12px auto}
    #privacy-policy-notice{max-width: 100%}
    .subscription-content>div{width: 100%;margin: 0 0 10px 0}
    .subscription-content .name-tip, .subscription-content .email-tip{font-size: 13px; line-height: 18px}

    .hidden-m{display: none}
    .madian-maxWidth{max-width: 100%;padding: 0 5px}
    .search-index {width: calc(100% - 40px); margin: 12px auto 0}
    .top-tab{display: none;padding: 12px 0 12px 0;border-bottom: 1px solid #ddd;width: calc(100% - 40px);margin: 0 auto 12px}
    .imgBoxFill{padding-bottom: 130%}
    i.percentage{font-size: 16px}
    .subscription-code span{font-size: 14px}
    .subscription-code-right {height: 44px; line-height: 44px}
    .subscription-box.box-fix .box-fix-close {display: block;width: 76px;height: 76px;background: url("data:image/png;base64,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") no-repeat center;background-size: 100% auto;right: -10px;top: 0}
    .priceTab{margin:0;font-size: 12px}
    .foot-bottom .address-text{text-align: center}
}
@media screen and (max-width:767px){
    .pay{display: flex;justify-content:flex-start;flex-wrap: wrap;padding:  0 20px;margin-bottom: 0}
    .pay img.payIco{width: 38px}
    .pay img.payments{width: 250px}
    .pay img.trustwaves{width: 49px}
    .nullBox .imgBlock{max-width: 272px;padding-bottom: 255px}
    .nullText{font-size: 14px}
    .footer-copy{margin: 10px auto 0}
}
@media screen and (min-width:391px) and (max-width:767px){
    .pay img{margin: 0 20px 12px 0; width: calc(20% - 16px);height: auto}
    .pay img:nth-child(5n+5){margin-right: 0}
}
@media screen and (min-width:321px) and (max-width:390px){
    .pay img{margin: 0 20px 12px 0; width: calc(25% - 16px);height: auto}
    .pay img:nth-child(4n+4){margin-right: 0}
}
@media screen  and (max-width:320px){
    .pay img{margin: 0 20px 12px 0; width: calc(33% - 13px);height: auto}
    .pay img:nth-child(3n+3){margin-right: 0}
}


.checkout-foot{width: 100%;background: #ECECEC}
.checkout-foot-content{max-width: 1600px;justify-content: flex-end;height: 73px}
.checkout-footItem{align-items: center;margin: 0 0 0 30px}
.checkout-footItem span{margin: 0}
.ico-foot{display: block;width: 16px;height: 34px;background: url(../images/madian/ico-phone.svg) no-repeat center;background-size: 100% auto;margin: 0 12px 0 0}
.ico-foot2{display: block;width: 30px;height: 34px;background: url(../images/madian/ico-foot11.png) no-repeat center;background-size: 100% auto;margin: 0 6px 0 0}
.ico-foot3{display: block;width: 30px;height: 34px;background: url(../images/madian/ico-foot12.png) no-repeat center;background-size: 100% auto;margin: 0 6px 0 0}
.ico-foot4{display: block;width: 30px;height: 34px;background: url(../images/madian/ico-foot13.png) no-repeat center;background-size: 100% auto;margin: 0 6px 0 0}
.ico-foot5{display: block;width: 28px;height: 28px;background: url(../images/madian/ico-foot6.svg?v=2022041801) no-repeat center;background-size: 100% auto;margin: 0 12px 0 0}
.ico-foot6{display: block;width: 28px;height: 28px;background: url(../images/madian/ico-foot7.svg?v=2022041801) no-repeat center;background-size: 100% auto;margin: 0 12px 0 0}
.ico-foot7{display: block;width: 28px;height: 28px;background: url(../images/madian/ico-foot8.svg?v=2022041801) no-repeat center;background-size: 100% auto;margin: 0 12px 0 0}

.yotpo .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-bottomline .yotpo-icon-empty-star,.yotpo .text-m,.yotpo.yotpo-main-widget .yotpo-label .yotpo-logo-title, .yotpo .yotpo-modal-dialog .yotpo-label .yotpo-logo-title,.yotpo .yotpo-logo-link-new:hover>*,.yotpo .yotpo-logo-link-new>*,.yotpo .yotpo-first-review .yotpo-first-review-stars .yotpo-icon-star{color: #387821 !important}
.yotpo .text-m{margin-left: 12px !important;font-size:14px !important;color:#303030 !important}
.yotpo .yotpo-regular-box{margin: 0 !important}
.reviewContent{padding: 0 20px}

.swiper-container-horizontal>.swiper-scrollbar {left: 0!important;width: 100% !important}
.hidden-procolor{display: none}

/*20231024*/
/*book coupon pop*/
#bookCouponModal{background:url("/assets/images/coupon_bg.png") no-repeat center;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;left:0;z-index:199991;background-color:rgba(0,0,0,0.39)}
#bookCouponModal .book-modal-wrapper{position:relative;max-width:596px;margin:40px auto 0;top:50%;transform:translateY(-55%)}
#bookCouponModal .book-modal-wrapper .close{position:absolute;top:30px;right:30px;width:40px;height:40px;background:url(/assets/images/icon_close_register.png) no-repeat center;background-size:40px 40px;cursor:pointer}
#bookCouponModal .book-modal-content{display:flex;align-items:center;flex-direction:column;width:100%;height:auto;background:url(/assets/images/register_coupon_bg.png) no-repeat center;background-size:100% auto;padding:30px 60px;border-radius:26px}
.coupon-fixed-button{cursor:pointer;position:fixed;right:-137px;bottom:50%;z-index:99999;width:314px;height:40px;background:url(/assets/images/madian/sale/aside_button_bg.png) no-repeat center;display:flex;justify-content:center;align-items:center;transform:rotate(-90deg)}
.coupon-fixed-button .coupon-content{font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px;color:#fff;position:relative;margin:0;padding-right:37px}
.coupon-fixed-button .coupon-content:after{position:absolute;content:'';width:21px;border:12px solid transparent;border-bottom-color:#fff;right:0;bottom:6px}
#bookCouponModal .book-modal-content h4,#bookCouponModal .book-modal-content .title{font-size:26px;font-family: Nunito Sans, serif;font-weight:bold;line-height:35px;color:#303030;width:74%;text-align:center}
.register-coupon-list{margin-top:30px;width:100%}
.register-coupon-list li{background:url(/assets/images/coupon_bg_index.png);background-size:100% auto;margin-bottom:20px;width:100%;height:140px;display:flex;align-items:center}
.register-coupon-list li .left-box{font-size:70px;font-family: Nunito Sans, serif;font-weight:bold;line-height:96px;color:#FFFFFF;width:226px;margin:0;text-align:center}
.register-coupon-list li .left-box.code-content{display:flex;flex-direction:column;align-items:center;justify-content:center}
.register-coupon-list li .left-box.code-content .percent{font-size:30px;margin:0;width:100%;line-height:41px}
.register-coupon-list li .left-box.code-content .code{font-size:12px;margin:0;width:100%;line-height:16px}
.register-coupon-list li .right-box{font-size:14px;font-family: Nunito Sans, serif;font-weight:bold;line-height:21px;color:#303030;text-align:center}
.register-coupon-list li .right-box .third-row{font-weight:400}
.register-coupon-list li .right-box .second-row{display:flex;justify-content:center}
.register-coupon-list li .right-box .second-row .countdown-coupon-block{margin:0}
#bookCouponModal .btn-register-coupon{width:100%;height:54px;background:#303030;box-shadow:0 3px 6px rgba(68,37,15,0.9);opacity:1;border-radius:27px;font-size:20px;font-family: Nunito Sans, serif;font-weight:bold;color:#FFFFFF;line-height:54px;text-align:center;margin-top:20px;cursor:pointer}
.success-gif-box{position:relative;height:20px;width:100%}
.success-gif-box:before{content:'';display:block;position:absolute;width:150px;height:150px;background:url("/assets/images/success.gif") no-repeat top left;background-size:150px 150px;left:-84px;top:20px;z-index:3;animation-name:fadeout;animation-delay:3s;animation-duration:2s;animation-fill-mode:forwards}
.success-register-page .tip-text-a{position:relative}
.success-register-page .tip-text-a:before{content:'';display:block;position:absolute;width:27px;height:27px;background:url("/assets/images/icon-success-in.png") no-repeat top left;background-size:27px 27px;left:-16px;top:0}
.success-register-page .icon-success{display:none}
.success-register-page .register-coupon-list li{background:url(/assets/images/coupon_bg_index_m.png) no-repeat center;background-size:auto 100%;margin-bottom:12px;width:309px;height:91px;display:flex;align-items:center}
.success-register-page .register-coupon-list li .left-box{font-size:30px;font-family: Nunito Sans, serif;font-weight:bold;line-height:91px;color:#FFFFFF;width:98px;margin:0;text-align:center}
.register-coupon-list-box{margin-bottom:40px}

@keyframes fadeout {
    from {opacity: 1}
    to {opacity: 0}
}

@media screen and (min-width:992px){
    .su-button-group-box{display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between}
    .login-page-item-wrap .su-button-group-box button{margin:0;font-size:16px}
    .login-page-item-wrap .su-button-group-box a{width:calc(50% - 5px);margin:0}
}

@media screen and (max-width:991px){
    #bookCouponModal .book-modal-content{display:flex;align-items:center;flex-direction:column;width:100%;background-size:100% auto;max-width:335px;padding:40px 13px 30px;border-radius:26px;background:url(/assets/images/register_coupon_bg_m.png) no-repeat center}
    #bookCouponModal .book-modal-wrapper{position:relative;max-width:335px;margin:40px auto 0;top:50%;transform:translateY(-55%)}
    #bookCouponModal .book-modal-wrapper .close{position:absolute;top:20px;right:20px;width:22px;height:22px;background:url(/assets/images/icon_close1.png) no-repeat center;background-size:22px 22px;cursor:pointer}
    #bookCouponModal .book-modal-content h4,#bookCouponModal .book-modal-content .title{width:96%;text-align:center;font-size:22px;font-family: Nunito Sans, serif;font-weight:bold;line-height:30px;color:#303030}
    .register-coupon-list{margin-top:20px;width:100%}
    .register-coupon-list li{background:url(/assets/images/coupon_bg_index_m.png) no-repeat center;background-size:auto 100%;margin-bottom:12px;width:309px;height:91px;display:flex;align-items:center}
    .register-coupon-list li .left-box{font-size:30px;font-family: Nunito Sans, serif;font-weight:bold;line-height:91px;color:#FFFFFF;width:98px;margin:0;text-align:center}
    #bookCouponModal .btn-register-coupon{width:calc(100% - 54px);height:50px;background:#303030;box-shadow:0 3px 6px rgba(68,37,15,0.9);opacity:1;border-radius:27px;font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;color:#FFFFFF;line-height:48px;text-align:center;margin-top:20px}
    .success-register-page .tip-text-a:before{display:none}
    .success-register-page .icon-success{display:block}
    .success-gif-box:before{left:-20px;top:-10px}
}

/*2022/11/17*/
.head-secondmenu.active>ul{display:flex;display:-webkit-flex;flex-direction:column}
.menu-tab-wrap{position:relative;width:100%}
.menu-tab-wrap:before{position:absolute;left:25%;width:1px;height:100%;content:'';background:#ccc;max-height:356px}
.menu-tab-wrap>li{width:25%;padding:0 40px 0 0;margin:0}
.menu-tab-wrap>li>a{font-size:16px;position:relative;display:block;width:100%;padding:8px 12px;border-radius:4px;margin-bottom:6px;line-height:22px}
.menu-tab-wrap>li>a.active{background:#f5f5f5;color:#6a9a59}
.menu-tab-wrap>li>a.active:after{position:absolute;content:'';display:inline-block;width:12px;height:12px;background:url(/assets/images/index_category/menu_right_arrow.png);background-size:12px 12px;top:12px;right:12px}
.menu-tab-wrap>li>a.active~.menu-tab-right{visibility:visible}
.menu-tab-right{position:absolute;z-index:2;top:34px;left:25%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:hidden;width:75%;height:320px;-webkit-transition:0s visibility .5s,0s z-index .5s,.5s opacity 0s;transition:0s visibility .5s,0s z-index .5s,.5s opacity 0s;opacity:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 0 0 20px}
.menu-tab-right.hovered{visibility:visible}
.menu-tab-wrap>li>ul.menu-tab-right>li{display:block;width:100%;padding:0 20px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.menu-tab-wrap>li>ul.menu-tab-right>li>span.sub-title{font-size:16px;font-weight:600;display:block;margin-bottom:20px}
.menu-tab-wrap>li>ul.menu-tab-right>li>ul>li{margin:0 0 12px}
.menu-tab-wrap>li>ul.menu-tab-right>li>ul{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;max-height:calc(100% - 20px)}
.menu-tab-wrap>li>ul.menu-tab-right>li>ul>li>a{font-size:14px;word-break:break-word;line-height:19px;display:flex;justify-content:flex-start;align-items:center}
.menu-tab-wrap>li>ul.menu-tab-right>li>ul>li>a:hover{text-decoration:underline!important}
.menu-tab-wrap>li>ul.menu-tab-right .color-img{width:19px;height:19px;margin:0 6px 0 0}
.menu-tab-wrap>li>ul.menu-tab-right>li.colImg{min-width:160px;max-width:230px}
.menu-tab-wrap>li>ul.menu-tab-right>li.colImg img{display:block;max-width:100%;height:auto;min-width:160px}
.menu-tab-wrap>li>ul.menu-tab-right>li.colImg .voir_tout{font-size:16px;padding-top:18px}
.head-secondmenu-mobile .item{display:flex;justify-content:flex-start;align-items:center;font-size:15px;font-family: Nunito Sans, serif;font-weight:400;line-height:20px;color:#303030}
.head-secondmenu-mobile .item>img{width:50px;height:50px;margin:0 14px 0 0}


/*category-filter*/
.category-body-content{max-width:1600px;display:flex}
.category-body-content *{margin:0}
.category-filter-container{width:20%;display:block;transition:transform .5s cubic-bezier(.645,.045,.355,1)}
.category-list-container{width:80%}
.filter-top{font-weight:bold;font-size:20px;display:flex;justify-content:space-between;padding:20px 0;width:100%;position:sticky;top:0;background:#fff;z-index:999}
.filter-top-name{font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px;color:#303030}
.filter-top-btn{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030;text-decoration:underline;cursor:pointer}
.filter-second{margin:0 0 20px 0;display:flex;justify-content:space-between;font-size:16px;font-family: Nunito Sans, serif;font-weight:bold;line-height:22px;color:#303030;align-items:center;cursor:pointer}
.filter-third{display:flex;justify-content:space-between;font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;margin-bottom:16px}
.filter-third .filter-name{color:#303030}
.filter-third .filter-name:hover .checkbox{border-color: #387821 }
.filter-third .filter-name.disabled{color:#808080}
.filter-third .filter-num{color:#8b8b8b}
.filter-third input{-webkit-appearance:button!important}
.check-box{display:flex;align-items:center;position:relative;cursor: pointer}
.check-box input{position:absolute;opacity:0;width:20px;height:20px;z-index:2;cursor:pointer}
.check-box label{position:absolute;left:0;box-sizing:border-box;width:20px;height:20px;border:1px solid #c4c5ca;border-radius:0;margin-bottom:0;z-index:1}
.check-box.disabled label{border:1px solid #d5d5d5}
.check-box.color-item .checkbox{border:0}
.check-box .checkbox{width:20px;height:20px;border:1px solid #8b8b8b;flex-shrink:0}
.check-box.disabled .checkbox{cursor:not-allowed;border:1px solid #d5d5d5;background:#ececec}
.check-box .checkbox.checked{background:url(/assets/images/checkbox_icon.png) no-repeat 0 0;background-size:100% auto;border:0}
.check-box.color-item .checkbox.checked{background:url(/assets/images/checkbox_icon.png) no-repeat 0 0;background-size:100% auto;border:solid 1px #387821;background-size:14px 14px!important}
.checkbox-img-loading{width:20px;height:20px;background:url(/assets/images/checkbox_icon.png) no-repeat 0 0;background-size:100% auto;opacity:0}
.check-box span{font-weight:400;font-size:14px;line-height:14px;margin-left:10px;word-break:break-all}
.check-box.disabled span{color:#808080}

.category-desc-view-wrap{background: #F7F4EA;padding: 24px 0;max-width: 1600px}
.category-desc-view-wrap .inner-box{max-width: 1200px;padding: 0 20px;width: 100%}
.category-desc-view-wrap h1{font-size: 30px;font-family: Nunito Sans, serif;font-weight: bold;line-height: 41px;color: #303030;text-align: center;margin-bottom: 10px}
.category-desc-view-wrap p{font-size: 14px;font-family: Nunito Sans, serif;font-weight: 400;line-height: 19px;color: #303030;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;max-width: 1200px;-webkit-box-orient: vertical;position: relative;text-align: center}
.category-desc-view-wrap button{font-size: 14px;font-family: Nunito Sans, serif;font-weight: 400;line-height: 19px;color: #387821;position: absolute;background:#F7F4EA ;right: 3px;bottom: 0;border: transparent;cursor: pointer}
.category-desc-view-wrap button:before{content: "...";overflow: hidden;position: absolute;width: 20px;height: 20px;left: -20px;bottom: 0;line-height: 20px;background: #F7F4EA;color: #303030}


.sort-wrapper{display:flex}
.sort-wrapper .sort-group{display:flex;margin:12px 0 12px auto;align-items:baseline}
.sort-wrapper .sort-group>span{padding-right:12px}
.sort-wrapper .sort-select-box{width:200px;position:relative}
.sort-wrapper .sort-select-value{border:1px solid #d5d5d5;height:42px;border-radius:4px;position:relative;line-height:40px;padding:0 11px;cursor:pointer}
.sort-wrapper .sort-select-value:after{content:'';position:absolute;width:15px;top:15px;right:12px;border:solid 9px transparent;border-top-color:#303030;border-bottom:0}
.sort-wrapper .sort-select-value.dropdown:after{transform:rotate(180deg)}
.sort-wrapper .sort-select-list{background:#fff;border:1px solid #d5d5d5;opacity:1;border-radius:4px;width:100%;margin-top:-1px;position:absolute;z-index:30}
.sort-wrapper .sort-select-list>li{height:40px;line-height:40px;font-size:14px;font-family: Nunito Sans, serif;font-weight:400;padding:0 11px;cursor:pointer}
.sort-wrapper .sort-select-list>li:hover{background:rgba(214,238,205,0.39)}
.sort-wrapper .sort-select-list>li.active{background:rgba(214,238,205,0.39)}
.mobile-category-list-tab{display: none}
.filter-footer{display: none}
.filter-icon{width:12px;height:12px}
.filter-icon.open{background:url("/assets/images/arrow_down.png") no-repeat center;background-size:100% auto}
.filter-top .close-filter{display:none}
.filter-icon.close{background:url("/assets/images/arrow_down.png") no-repeat center;background-size:100% auto;transform:rotate(-90deg)}
.filter-icon.load-status{display:block;position:relative}
.filter-icon.load-status::before,.filter-icon.load-status::after{display:block;position:absolute;width:4px;height:6px;bottom:0;content:'';z-index:2}
.filter-icon.load-status::before{background-color:#303030;left:0;-webkit-animation:rectangle3 infinite 1s ease-in-out -.4s;-moz-animation:rectangle3 infinite 1s ease-in-out -.4s;-o-animation:rectangle3 infinite 1s ease-in-out -.4s;animation:rectangle3 infinite 1s ease-in-out -.4s}
.filter-icon.load-status::after{background-color:#808080;right:0;-webkit-animation:rectangle3 infinite 1s ease-in-out;-moz-animation:rectangle3 infinite 1s ease-in-out;-o-animation:rectangle3 infinite 1s ease-in-out;animation:rectangle3 infinite 1s ease-in-out}
@-webkit-keyframes rectangle3
{
    0%,80%,100%{height: 9px;-webkit-box-shadow: 0 0 #ffffff;box-shadow: 0 0 #ffffff}
    40%{height: 12px;-webkit-box-shadow: 0 -20px #ffffff;box-shadow: 0 -20px #ffffff}
}
@-moz-keyframes rectangle3
{
    0%,80%,100%{height: 9px;-webkit-box-shadow: 0 0 #ffffff; box-shadow: 0 0 #ffffff}
    40%{height: 12px;-webkit-box-shadow: 0 -20px #ffffff; box-shadow: 0 -20px #ffffff}
}
@-o-keyframes rectangle3
{
    0%,80%,100%{height: 9px;-webkit-box-shadow: 0 0 #ffffff; box-shadow: 0 0 #ffffff}
    40%{height: 12px;-webkit-box-shadow: 0 -20px #ffffff;box-shadow: 0 -20px #ffffff}
}
@keyframes rectangle3
{
    0%,80%,100%{ height: 9px; -webkit-box-shadow: 0 0 #ffffff; box-shadow: 0 0 #ffffff}
    40%{ height: 12px;-webkit-box-shadow: 0 -20px #ffffff;box-shadow: 0 -20px #ffffff}
}

.category-head-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}
.search-result-info-wrap{margin:0;font-size:16px;display:flex;align-items:center;width:calc(100% - 300px);justify-content:flex-start}
.search-result-num{padding-right:6px;margin:0}
.category-head-bottom .search-key{display:inline-block;color:#387821;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 300px);font-size:20px;margin:0}
.sort-group-wrap{margin:0;display:flex;justify-content:flex-end;align-items:center}
.sort-group-wrap>span{padding-right:10px}
#container-sort.active{box-shadow:0 0 6px 0 #f5f5f5;background:unset;color:#303030}
#arrSortBy{width:200px;height:42px;border:1px solid #d5d5d5;opacity:1;border-radius:4px}
#container-sort #arrSortBy.select.active:before{background:url(../images/madian/ico-cate-down.svg) no-repeat center;transform:rotate(180deg)}
#container-sort>ul{display:block;width:200px;border:1px solid #d5d5d5;opacity:1;border-radius:4px}
#container-sort>ul>li{height:42px}
.search-result-top.category-flex{display:flex;justify-content:space-between;max-width:1600px;padding:16px 0;border-bottom:1px solid #d5d5d5;margin-bottom:24px}
.filter-third input:disabled{cursor:not-allowed;border:1px solid #d5d5d5;color:#aca899}
.odd-row .check-box+div{margin-right:10px}
.category-filter-wrapper::-webkit-scrollbar{width:6px!important;height:6px}
.category-filter-wrapper::-webkit-scrollbar-thumb{border-radius:3px;background-color:#e0e0e0}
.category-filter-wrapper::-webkit-scrollbar-track{margin:13px 0}
/*::-webkit-scrollbar{width:6px!important;height:6px}*/
/*::-webkit-scrollbar-thumb{border-radius:3px;background-color:#e0e0e0}*/
/*::-webkit-scrollbar-track{margin:13px 0}*/
.category-filter-wrapper{scrollbar-width: thin;scrollbar-color: #e0e0e0}
body{scrollbar-width: thin;scrollbar-color:#e0e0e0}
.mt20{margin-bottom: 20px}
.deliver-modal .catalog-btn{ margin: 50px 0 0 auto}

.ca-banner-wrapper{position: relative;margin-bottom: 20px;max-width: 1600px}
.ca-banner-wrapper picture img{width: 100%;height: auto}
.ca-banner-wrapper picture img.lazyload{width: 100%;max-height: 300px}
.ca-banner-wrapper{position: relative;margin-bottom: 20px}
.ca-banner-wrapper .ca-text-box{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;top: 0;left: 0;flex-direction: column}
.ca-banner-wrapper .ca-text-box h4{font-size: 25px;line-height: 49px;white-space: pre-wrap;word-break: break-word}
.ca-banner-wrapper .ca-text-box p{font-size: 14px;color: #fff;line-height: 24px;max-width: 80%;white-space: pre-wrap;word-break: break-word;text-align: center}
.ca-banner-wrapper.ca-activity{margin-bottom: 0}
.ca-tab-wrap{display: flex;justify-content: flex-start;border-bottom: 1px solid #d5d5d5;margin-bottom: 20px;flex-wrap: wrap}
.ca-tab-wrapper{max-width: 1600px;margin: 0 auto}
.ca-tab-wrap li{font-size: 16px;font-family: Nunito Sans, serif;font-weight: 400;line-height: 20px;color: #303030;margin:0 0 0 30px;padding: 20px 0;cursor: pointer}
.ca-tab-wrap li:hover{font-weight: bold}
.ca-tab-wrap li.active{position: relative;color:#387821 ;font-weight: bold}
.ca-tab-wrap li.active:before{position: absolute;content: '';display: block;width: 100%;height: 4px;background-color: #387821;bottom: 0;left: 0}

form#sform{position:sticky;top:146px;height:fit-content;z-index:10;background:#fff;transition:transform .5s cubic-bezier(.645,.045,.355,1)}
@media screen  and (min-width:992px) and (max-width:1200px){
    .colImg>img{display: none}
    .menu-tab-wrap>li>ul.menu-tab-right>li.colImg{width: 80px!important}
}

@media screen  and (max-width:1360px)  and (min-width:1021px){
    form#sform{top:118px}
}
@media screen  and (min-width:992px){
    .category-filter-wrapper{padding-right:10px;height:100vh;overflow-y:scroll}
    .category-filter-container{width:20%;display:block;position:sticky;top:0;left:0;height:fit-content;margin-right:20px}
}
@media screen  and (max-width:991px){
    .search-result-top .category-head-bottom span{color:#303030}
    .search-result-top .category-head-bottom .search-key{color:#387821;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 108px);font-size:16px}
    form#sform{position:sticky;top:82px;height:fit-content;z-index:1000;background:#fff;transition:transform .5s cubic-bezier(.645,.045,.355,1)}
    .sort-wrapper{padding:0 5px;height:44px;margin-bottom:6px;position:sticky;top:0;z-index:1000;background:#fff;transition:transform .5s cubic-bezier(.645,.045,.355,1)}
    .mobile-category-list-tab{display:flex;width:75%;overflow-x:hidden;align-items:center;position:relative;font-size:12px}
    .mobile-category-list-tab:before{content:'';position:absolute;width:1px;height:23px;background-color:#d5d5d5;right:0}
    .mobile-category-list-tab>li{width:33.3%;flex-shrink:0;max-width:120px}
    .sort-select-value{display:none}
    .category-list-container{width:100%}
    .sort-wrapper .sort-select-box{width:10px}
    .category-content .category-top{max-width:calc(100% - 10px);margin-bottom: 0}
    .sort-wrapper .sort-group{display:flex;margin:12px 0 12px 0;align-items:baseline}
    .mobile-category-list-tab>li{position:relative}
    .sort-group>span,.sort-group-wrap>span,.mobile-category-list-tab>li>span{position:relative}
    .mobile-category-list-tab>li>span:after,.sort-group>span:after,.sort-group-wrap>span:after{content:'';position:absolute;width:10px;top:7px;right:-12px;border:solid 5px transparent;border-top-color:#303030;border-bottom:0}
    .mobile-category-list-tab>li:nth-child(n+4){display:none}
    .sort-wrapper .sort-group>span{padding-right:0;padding-left:10px;font-size:12px;line-height:20px}
    .sort-wrapper .sort-select-box{width:100%;height:calc(100% - 140px);padding-bottom:180%;z-index:999;top:44px;right:0;background:rgba(0,0,0,0.39);position:absolute;display:none}
    .sort-wrapper .sort-select-list{background:rgba(255,255,255,0.39);border-radius:0;margin-top:-1px;position:absolute;width:100vw;top:0;z-index:9999999;background:#fff;border:0;display:block}
    .category-filter-container{width:0}
    #filter-container-mask{width:100%;height:100%;position:fixed;z-index:99991;background:rgba(0,0,0,0.39);top:0}
    .filter-second{margin:14px 0 20px 0}
    .category-filter-wrapper{display:block;width:85%;background:#fff;margin:0 0 0 auto;max-width:400px;padding:0 24px 64px;height:100%;overflow-y:auto;position:fixed;top:0;z-index:99999;right:-100%;transition:right .2s ease 0s}
    .open .category-filter-wrapper{right:0}
    .filter-top{font-weight:bold;font-size:20px;display:flex;justify-content:space-between;padding:14px 0;width:100%;border-bottom:solid 1px #d5d5d5;position:sticky;top:0;background:#fff;z-index:10}
    .filter-top-name{font-size:16px;font-family: Nunito Sans, serif;font-weight:bold;line-height:22px;color:#303030;margin:0 auto}
    .filter-top-btn{display:none}
    .filter-top .close-filter{width:22px;height:22px;display:inline-block;background:url("/assets/images/icon_close.png") no-repeat center top;background-size:100% auto}
    .filter-footer{height:64px;position:fixed;bottom:0;display:flex;padding:14px 24px;justify-content:center;box-shadow:0 -2px 4px rgba(0,0,0,.12);width:85%;margin-left:-24px;max-width:400px;z-index:10;background:#fff}
    .filter-footer>div{height:36px;border-radius:4px;font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:34px;padding:0;text-align:center}
    .filter-footer .filter-clear-btn{width:40%;max-width:160px;border:1px solid #303030;margin-right:5px}
    .filter-footer .filter-item-num{width:60%;max-width:200px;background:#303030;opacity:1;color:#fff;margin-left:5px}
    .search-result-top.category-flex{padding:9px 5px;margin-bottom:0}
    .search-result-top .search-result-info-wrap{display:flex;width:calc(100% - 70px);font-size:14px}
    .search-result-top #container-sort .select{width:20px;display:none}
    .search-result-top #container-sort>ul{top:34px}
    .search-result-top .category-head-bottom{margin-top:0}
    .search-result-top .category-head-bottom{padding-right:26px}
    .sort-group-wrap>span{padding-right:0}
    .head-secondmenu-mobile a.item:after{content:'';display:block;position:absolute;width:12px;height:12px;background:url("/assets/images/arrow_right.png") no-repeat center;background-size:12px 12px;top:19px;right:0}
    .cate-mobile-banner-wrap{display: block}

}

@media screen and (max-width:1300px) and (min-width:992px){
    .head-secondmenu>ul{max-width:calc(100% - 40px);margin-left:20px;padding:20px 0 20px 0}
    .menu-tab-wrap:before{position:absolute;left:21%;width:1px;height:100%;content:'';background:#ccc;max-height:356px}
    .menu-tab-wrap>li{width:21%;padding:0 10px 0 0;margin:0}
    .menu-tab-right{left:21%;width:79%;padding-left:0}
    .menu-tab-wrap>li>ul.menu-tab-right>li{padding:0;margin:0 20px}
    .menu-tab-wrap>li>ul.menu-tab-right>li.color-li{min-width:165px}
    .menu-tab-wrap>li>ul.menu-tab-right>li>ul>li>a{padding-right:6px;font-size:12px}
    .menu-tab-wrap>li>ul.menu-tab-right>li.colImg{min-width:80px;width:80px;margin-right:0}
    .menu-tab-wrap>li>ul.menu-tab-right>li.colImg img{display:none;min-width:160px}
    .category-filter-container{width:22%;display:block;position:sticky;top:0;left:0;height:fit-content;margin-right:10px}
    .category-filter-wrapper{padding-right:0}.filter-top{flex-wrap:wrap}
    .filter-top-btn{margin:6px 0 -6px 0}
    .check-box span{font-size:12px;margin-left:4px}
    .odd-row .check-box+div{margin-right:4px}
    .filter-third .filter-num{font-size:12px}
}
@media screen  and (max-width:1360px)  and (min-width:992px){
    .logo>img, .logo-fix>img{width: 250px;height: 36px}
    .head-menu-container{margin: 0 0 0 20px}
}

@media screen   and (min-width:992px){
    .cate-mobile-banner-wrap{display: none !important}
}
.head-top-inner{display:flex;justify-content:space-between}
.head-coupon-tip-wrap{display:flex;align-items:center;justify-content:left;margin:0}
.head-coupon-tip-wrap img{width:24px;height:20px;margin-right:12px}
.head-coupon-tip-wrap span{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#ECECEC}
.head-top-content .icon-cart-num{display:inline-block;min-width:22px;height:22px;background:#FC8A32;border-radius:11px;font-size:12px;font-family: Nunito Sans, serif;font-weight:bold;color:#FFFFFF;line-height:21px;text-align:center;margin:0 0 18px -4px}
.login-area{position:relative}
.login-drop-list-wrap.hover{display:block}
.login-drop-list-wrap{display:none;position:fixed;right:180px;top:60px;z-index:10005;background:transparent;padding-top:4px}
.login-drop-list-wrap ul{width:204px;height:129px;background:#4A4A4A;opacity:1;border-radius:6px;overflow:hidden}
.login-drop-list-wrap ul li:hover{background:#303030}
.login-drop-list-wrap ul li a{display:flex;justify-content:left;height:43px;align-items:center}
.login-drop-list-wrap ul li  img{width:18px;height:18px;margin:0 12px 0 20px}
.login-drop-list-wrap ul li  span{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#FFFFFF;margin: 0}
.service-description-wrap{width:100%;background:#F2F2F2;height:276px;padding-top:56px;margin-bottom:-90px}
.service-description-wrap ul{display:flex;max-width:1200px;margin:0 auto;width:100%}
.service-description-wrap ul img{width:110px;height:110px}
.service-description-wrap ul li{display:flex;flex-direction:column;text-align:center}
.service-description-wrap ul li span{font-size:14px;font-family: Nunito Sans, serif;font-weight:bold;line-height:19px;color:#303030}
.login-page-outer{border:1px solid #D5D5D5;padding:12px;max-width:1100px;margin-bottom:100px;margin-top:47px}
.login-page-wrap{border:2px solid #387821;position:relative;padding:28px 0 78px}
.login-page-wrap:after{position:absolute;display:block;content:'';width:116px;height:136px;background:url("/assets/images/icon_login_bg.png");bottom:0}
.login-page-item-wrap{max-width:450px}
.login-page-item-wrap .login-mode-title{text-align:center}
.center-page-wrapper .login-mode-title{font-size:25px;font-family: Nunito Sans, serif;font-weight:bold;line-height:34px;color:#303030;text-align:center;margin-top:20px}
.login-page-item-wrap p{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030;text-align:center;margin-top:6px}
.entry-page-desc{margin-bottom:20px}
.login-page-item-wrap p.error{text-align:left}
.btn-forget-password-wrap{margin-bottom:30px}
.login-page-item-wrap .input-wrap{margin-bottom:20px}
.login-page-item-wrap .input-wrap.active {margin-bottom:20px}
.login-page-item-wrap input{width:100%;height:50px;background:rgba(255,255,255,0.39);border:1px solid #D5D5D5;opacity:1;border-radius:6px;padding:0 14px 0  58px;color:#303030}
.login-page-item-wrap input::placeholder{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#8B8B8B}
.login-page-item-wrap .btn-primary{width:100%;height:54px;color:white;display:block;background:#303030;border-radius:6px;font-size:20px;font-family: Nunito Sans, serif;font-weight:bold;line-height:27px;outline:none;border:none;margin-bottom:20px;margin-top:10px;cursor:pointer}
.login-page-item-wrap input:disabled{background:#EAEAEA}
.login-subtitle{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030}
.other-login-method-wrap{display:flex;justify-content:center}
.other-login-method-wrap>div{width:153px;height:50px;background:rgba(255,255,255,0.39);border:1px solid #D5D5D5;opacity:1;border-radius:6px;text-align:center;display:flex;align-items:center;margin:20px 15px 0}
.other-login-method-wrap img{width:auto;height:30px;cursor:pointer}
.other-login-method-wrap .nsm7Bb-HzV7m-LgbsSe{width:153px}
.other-login-method-wrap .S9gUrf-YoZ4jf{opacity:0}
.other-login-method-wrap .google-wrap{position:relative}
.other-login-method-wrap .g_id_signin{position:absolute}
.other-login-method-wrap .google-wrap{position:relative}
.login-page-item-wrap p.error{font-size:12px;font-family: Nunito Sans, serif;font-weight:400;line-height:16px;color:#FF0000;margin-top:4px;text-align:left}
.login-page-item-wrap p.login-error{margin-top:-10px;margin-bottom:20px}
.login-page-item-wrap label{font-size:16px;font-family: Nunito Sans, serif;font-weight:bold;line-height:22px;color:#303030;height:22px;margin-bottom:6px;display:inline-block}
/*.login-page-item-wrap .input-wrap.focus  input,.login-page-item-wrap .input-wrap:hover input{border:1px solid #387821}*/
.login-page-item-wrap .input-wrap input:hover,.login-page-item-wrap .input-wrap input:focus{border:1px solid #387821}
.login-page-item-wrap .input-wrap.error input{border:1px solid #FF0000}

.input-icon{position:relative}
.input-icon:before{display:block;position:absolute;content:'';height:22px;width:46px;border-right:1px solid #D5D5D5;top:14px;left:0}
.input-email:before{background:url(/assets/images/icon_login02.png) no-repeat;background-size:22px 22px;background-position:12px 0}
.input-password:before{background:url(/assets/images/icon_login01.png) no-repeat;background-size:22px 22px;background-position:12px 0}
.input-name:before{background:url(/assets/images/icon_login03.png) no-repeat;background-size:22px 22px;background-position:12px 0}
.input-tel:before{background:url(/assets/images/icon_login_tel.png) no-repeat;background-size:22px 22px;background-position:12px 0}
.input-tel select{position:absolute;top:32px;left:0;width:100%;z-index:-1}
.tel-group-wrap.input-tel:before{display: none}
/*.input-tel .select-value-wrap{position:absolute;top:0;left:0;width:46px;height:50px;font-size:12px;font-family: Nunito Sans, serif;font-weight:400;color:#8B8B8B;text-align:center;line-height:50px;cursor:pointer;padding-right:9px}*/
.input-tel .select-value-wrap{position:absolute;top:0;left:0;width:58px;height:50px;font-size:13px;font-family: Nunito Sans, serif;font-weight:400;color:#8B8B8B;text-align:center;line-height:50px;cursor:pointer;padding-right:9px}
.input-tel  select{border:1px solid red}
.login-page-item-wrap .privacy-policy-link{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#387821;text-decoration:underline}
.btn-forget-password{text-decoration:underline;cursor:pointer}
img.btn-return{width:22px;height:22px;position:absolute;top:28px;left:39px;cursor:pointer}
.login-page-item-wrap button:disabled{opacity:0.6;cursor:not-allowed}
.login-page-item-wrap input:disabled{cursor:not-allowed}
.login-page-item-wrap .icon-success{width:40px;height:40px;margin:40px auto 12px;position:unset !important;transform:unset !important}
.pop-up-wrapper.privacy-policy-modal,.pop-up-wrapper.center-tel-modal,.pop-up-wrapper.confirm-del-modal{display:unset}
.pop-up-wrapper.privacy-policy-modal .pop-up-content p{font-weight:400}
.pop-up-wrapper.confirm-del-modal .pop-up-content{width:510px;padding:30px 30px 40px 30px}
.confirm-del-modal .confirm-inner-box h3{font-size:20px;font-family:Nunito Sans;font-weight:bold;line-height:27px;color:#303030;text-align:center}
.confirm-del-modal .confirm-inner-box .contet-box{margin:23px 0 60px 0}
.pop-up-wrapper.confirm-del-modal .confirm-inner-box p{font-weight:400;text-align:center;margin-bottom:0}
.confirm-del-modal .confirm-inner-box .button-group{display:flex;justify-content:center}
.confirm-del-modal .confirm-inner-box .button-group button{width:180px;height:54px;font-size:16px;font-family:Nunito Sans;font-weight:bold;line-height:22px;margin: 0 auto}
.btn-default{border:1px solid #707070;border-radius:6px;height:54px;width:100%;background:#fff;margin:0;font-size:20px;font-family:Nunito Sans;font-weight:bold;line-height:27px;color:#303030;cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-primary{
    height: 60px;
    background: #303030;
    color: #fff;
    border-radius: 6px;
    position: relative;
    transition: all .5s;
    cursor: pointer;
    text-align: center;
}
#center-container [v-cloak],#user-container [v-cloak]{display:none !important}
.privacy-policy-box .article-main{max-height:500px;overflow-y:auto}
.privacy-policy-box .article-content{margin:30px auto 0}
.pop-up-wrapper.center-tel-modal .pop-up-content{width:500px;height:280px;padding: 40px 50px}
.center-tel-modal h3{text-align:center;margin:0 0 20px}
.center-tel-modal .pop-up-close{right: 30px;top: 30px}
.login-page-item-wrap .tip-text-a{font-size:20px;font-family: Nunito Sans, serif;font-weight:bold;line-height:27px;color:#303030}
.login-page-item-wrap .tip-text-b{font-size:16px;font-family: Nunito Sans, serif;font-weight:400;line-height:22px;color:#303030}
.login-page-item-wrap .ma-a{margin:12px 0 30px 0}
.login-page-item-wrap  .ma-b{margin:12px 0 30px 0}
.login-page-item-wrap  .ma-c{margin:30px 0 20px 0}
.radio-input-wrap{display:flex;justify-content:center;align-items:center;margin:0 65px 0 0}
.login-page-item-wrap input[type="radio"],.login-page-item-wrap input[type="checkbox"]{display:none}
.login-page-item-wrap input[type="radio"]+label,.login-page-item-wrap input[type="checkbox"]+label{position:relative;margin:0 7px 0 32px}
.login-page-item-wrap input[type="radio"]+label::before{position:absolute;left:-31px;top:2px;width:19px;height:19px;border:1px solid #8B8B8B;border-radius:50%;content:"";box-sizing:border-box}
.login-page-item-wrap input[type="radio"]:checked+label::before{border:none;background:url("/assets/images/icon_login_radio.png")}
.login-page-item-wrap .radio-row{display:flex;justify-content:flex-start;margin-bottom:30px}
.login-page-item-wrap .input-row-a{display:flex;justify-content:space-between}
.login-page-item-wrap .input-box-half{width:48%;margin:0}
.login-page-item-wrap input[type="checkbox"]+label{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030}
.login-page-item-wrap input[type="checkbox"]+label::before{position:absolute;left:-31px;top:1px;width:20px;height:20px;background:url("/assets/images/checked01.png");background-size:20px 20px;content:"";box-sizing:border-box}
.login-page-item-wrap input[type="checkbox"]:checked+label::before{background:url("/assets/images/checked02.png");background-size:20px 20px}
.login-page-item-wrap .text-a{font-size:16px;font-family: Nunito Sans, serif;font-weight:bold;line-height:22px;color:#303030;text-align:left;margin-bottom:12px}
.login-page-item-wrap .checkbox-row-wrap{display:flex;justify-content:flex-start;margin-bottom:20px;flex-wrap: wrap}
.login-page-item-wrap .checkbox-inner{display:flex;justify-content:flex-start;margin-left:0;margin-bottom: 6px}
.center-page-wrapper{max-width:1100px;width:100%}
.center-page-wrapper h2{font-size:40px;font-family: Nunito Sans, serif;font-weight:bold;line-height:54px;color:#303030;margin-bottom:30px;margin-top:40px}
.center-page-wrapper .center-page-outer{display:flex;justify-content:space-between}
.center-page-wrapper .box-style{background:rgba(255,255,255,0.39);border:1px solid #D5D5D5;opacity:1;border-radius:10px;padding:40px;position:relative}
.center-page-wrapper .btn-primary{height:40px;border:1px solid #303030;opacity:1;border-radius:6px;min-width:154px;background:#fff;font-size:16px;font-family: Nunito Sans, serif;font-weight:400;line-height:22px;color:#303030;padding:0 23px;cursor:pointer}
.center-page-wrapper .btn-primary:hover{background: #303030;color: #fff}
.center-content-left-wrap{width:330px;flex-shrink:0}
.center-content-left-wrap ul{margin-bottom:50px}
.center-content-right-wrap .btn-primary{font-size:14px;font-family: Nunito Sans, serif;font-weight:bold;line-height:19px; margin: 0;}
.center-content-right-wrap .btn-primary:hover{background: #303030;color: #fff}
.index-page-wrap .left-box{border-right:1px solid #D5D5D5;padding-right:20px;width:50%}
.index-page-wrap .right-box{padding-left:6%;width:50%}
.index-page-wrap .right-box p{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030;margin-bottom:30px}
.index-page-wrap .right-box li{margin-bottom:29px;display:flex;align-items:center}
.index-page-wrap .right-box ul{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030}
.center-content-left-wrap,.center-content-right-wrap{margin:0}
.center-content-left-wrap h3{font-size:22px;font-family: Nunito Sans, serif;font-weight:bold;line-height:30px;color:#303030;margin-bottom:30px;white-space: pre-wrap;word-break: break-word}
.center-page-wrapper h4,.address-page-wrap h4{font-size:20px;font-family: Nunito Sans, serif;font-weight:bold;line-height:27px;color:#303030;margin-bottom:30px;text-align:center}
.index-page-wrap .left-box li{margin-bottom:20px}
.index-page-wrap .left-box ul{margin-bottom:30px}
.flex-row{display:flex}
.center-content-left-wrap{margin-right:20px;height: min-content}
.center-content-right-wrap{flex-grow:1}
.box-wrap-a{margin-bottom:20px;display:flex}
.center-content-left-wrap li{height:22px;font-size:16px;font-family: Nunito Sans, serif;font-weight:400;line-height:22px;color:#303030;margin-bottom:20px;cursor:pointer}
.center-page-wrapper button.btn-default:hover,.code-modal button:hover{background:#000;color:#FFF}
.box-wrap-a button.btn-primary:hover,.box-wrap-b button.btn-primary:hover,.email-change-wrap .btn-primary:hover{background:#303030;color:#FFF}
.center-page-wrapper input[type="checkbox"]+label{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030}
.center-page-wrapper input[type="checkbox"]+label::before{position:absolute;left:-31px;top:1px;width:20px;height:20px;background:url("/assets/images/checked01.png");background-size:20px 20px;content:"";box-sizing:border-box}
.center-page-wrapper input[type="checkbox"]:checked+label::before{background:url("/assets/images/checked02.png");background-size:20px 20px}
.center-page-wrapper input[type="checkbox"]:disabled+label::before{background:url("/assets/images/checked03.png");background-size:20px 20px;cursor:not-allowed}
.center-page-wrapper input[type="radio"],.center-page-wrapper input[type="checkbox"]{display:none}
.center-page-wrapper input[type="checkbox"]+label{position:relative;margin:0 7px 0 32px}
.center-page-wrapper .box-wrap-b p{font-size:14px;font-family: Nunito Sans, serif;font-weight:bold;line-height:19px;color:#303030}
.index-page-wrap h4{text-align:left}
.box-wrap-b button.btn-default{margin-top:106px;width:208px}
.box-wrap-b li{margin-bottom:26px}
.order-item-wrap{margin-bottom:20px}
.order-item-wrap h4{text-align:center}
.order-item-wrap h4{text-align:center}
.order-item-wrap .title-box{display:flex;padding:24px 20px;justify-content:space-between;align-items:center;border:1px solid #D5D5D5}
.order-item-wrap .title-box.red{background:#FFF5F5}
.order-item-wrap .title-box.red h5{color:#FF0000}
.order-item-wrap .title-box.green{background:#f2f2f2}
.order-item-wrap .title-box.green h5{color:#387821}
.order-item-wrap h5{font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px;margin:0}
.order-item-wrap .order-time{margin:0;font-size:12px;font-family: Nunito Sans, serif;font-weight:400;line-height:16px;color:#303030;text-align:right}
.order-item-wrap .content-attr{margin:0;}
.order-item-wrap .content-attr h5{font-size:12px;font-family: Nunito Sans, serif;font-weight:400;line-height:16px;color:#303030;margin-bottom:12px}
.order-item-wrap .content-attr ul li{font-size:12px;font-family: Nunito Sans, serif;font-weight:400;line-height:16px;color:#8B8B8B}
.order-item-wrap .item-row-wrap{display:flex;border:1px solid #D5D5D5;border-top:transparent;border-left:transparent}
.order-item-wrap .item-row-wrap:last-child{border-bottom:transparent}
.order-item-wrap .item-content-box{display:flex;padding:20px;width:390px;justify-content:space-between}
.order-item-wrap .order-total-text{font-weight:600}
.order-item-wrap .order-price{display:flex;flex-direction:column;font-size:12px}
.order-item-wrap .original_price{color:#8B8B8B;text-decoration:line-through}
.order-item-wrap .order-total-text{display:flex;flex-direction:column}
.order-item-wrap .item-row-wrap img{width:107px;height:107px;margin:0 12px 0 0;object-fit: contain;flex-shrink: 0; }
.order-item-wrap .order-price{margin:0;display:flex;align-items:center;text-align:center;width:140px;justify-content:center}
.order-item-wrap .item-list{display:flex;justify-content:center;align-items:center;border:1px solid #D5D5D5;border-top:transparent}
.order-item-wrap .btn-wrap{padding:20px;text-align:right;border:1px solid #D5D5D5;border-top:transparent;display: flex;justify-content: flex-end;}
.order-item-wrap .order-price{border-left:1px solid #D5D5D5}
.order-item-wrap .btn-wrap button:not(last-child){margin-left:20px}
.order-total-text ul{padding:0 6px}
.order-total-text ul li{display:flex;justify-content:space-between;flex-wrap: wrap}
.order-total-text ul li span:first-child{margin:0}
.order-total-text ul li span:nth-child(2){margin:0 0 0 auto}
.center-page-wrapper .btn-default{width:178px;height:40px;border-radius:6px;background:#303030;font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#FFFFFF;margin-bottom:0}
.order-item-wrap .row-first{margin:0}
.order-empty-wrap .img-box{width:94px;height:94px;margin:30px auto 10px}
.order-empty-wrap .img-box img{width:100%;height:100%}
.order-empty-wrap p{text-align:center;font-weight:bold}
.order-empty-wrap{margin-bottom:40px}
.address-page-wrap .address-title-box{border-radius:6px 6px 0 0;color:#fff;background:#387821;height:27px;padding:4px 30px}
.address-item-list-box{padding:30px 30px 40px 30px;display:flex;border:1px solid #8B8B8B;border-radius:6px;margin-bottom:20px}
.address-item-list-box ul li>span:first-child{font-weight:700}
.address-item-list-box ul li>span{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:21px;color:#303030}
.address-title-box+.address-item-list-box{border-radius:0 0 6px 6px}
.address-page-wrap .address-item-list-box li{margin-bottom:21px}
.address-item-list-box ul{width:60%}
.address-page-wrap .operate-btn-inner{margin-top:20px}
.address-page-wrap .operate-btn-inner button{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030;text-decoration:underline;border:none;background:transparent;cursor:pointer}
.address-page-wrap .operate-btn-inner button:first-child{margin-right:20px}
.address-page-wrap .operate-btn-wrap{display:flex;justify-content:center;flex-direction:column}
.address-page-wrap .btn-add-address{text-align:center;margin-top:30px}
.address-page-wrap .btn-add-address button{max-width:450px;width:100%;height:54px;background:#303030;opacity:1;border-radius:6px;font-size:20px;font-family: Nunito Sans, serif;font-weight:bold;line-height:27px;color:#FFFFFF;cursor:pointer;border:none}
.address-page-wrap .btn-add-address button:hover{background: #000;color: #fff}
.center-content-left-wrap li.active{color:#387821}
.center-content-right-wrap .box-wrap-c,.center-content-right-wrap .box-wrap-d{max-width:unset;position:relative}
.box-wrap-c h2,.box-wrap-d h2{margin-bottom:25px;font-size:20px;font-family: Nunito Sans, serif;font-weight:bold;line-height:27px;color:#303030}
.box-wrap-c .btn-modify-pwd{text-decoration:underline;cursor:pointer}
.box-wrap-c .btn-row,.box-wrap-d .btn-row,.add-address-page-wrap .btn-row{text-align:center;margin:40px 0 30px 0}
.box-wrap-c .info-save-btn,.box-wrap-d .info-save-btn,.add-address-page-wrap .info-save-btn{max-width:450px;width:100%;height:54px;font-size:20px;font-family: Nunito Sans, serif;font-weight:bold;line-height:27px;color:#FFFFFF;margin: 0 auto}
.return-wrap{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;position:absolute;top:40px;left:40px;cursor:pointer}
.return-wrap img{margin-right:10px;position:unset}
.return-wrap span{font-size:16px;font-family: Nunito Sans, serif;font-weight:400;line-height:22px;color:#303030}
.box-wrap-c .login-mode-title{margin-bottom:25px;font-size:20px;line-height:27px;margin-top:20px}
.add-address-page-wrap input,.add-address-page-wrap select{width:100%;height:50px;background:rgba(255,255,255,0);border:1px solid #D5D5D5;opacity:1;border-radius:6px;padding:0 12px;font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030;position:relative;z-index:1}
.add-address-page-wrap .row-half .input-row-b{width:calc(50% - 10px)}
.add-address-page-wrap .input-row-b{margin:0 0 20px 0;width:100%;position:relative}
.add-address-page-wrap select:hover{border-color:#387821}
.add-address-page-wrap select{background:url('/assets/images/ico-selcet.svg') no-repeat center;background-size:16px auto;background-position:calc(100% - 12px)}
.tel-group-wrap{position:relative}
.input-row-b.tel-group-wrap.input-tel label{padding-left:58px}
.input-row-b.input-tel .select-value-wrap:hover{border-color:#387821;z-index:1}
.input-row-b.input-tel.error .select-value-wrap{border-color:#FF0000}

.tel-group-wrap .select-value-wrap{border:1px solid rgb(213,213,213);width:58px;border-radius:6px 0 0 6px}
.tel-group-wrap .select-value-wrap:hover,.tel-group-wrap .select-tel-area:hover~.select-value-wrap{border-color:#387821}
.tel-inner-input{padding-left:12px;margin-left:57px;border-radius:0 6px 6px 0;width:calc(100% - 57px);position:relative}
.tel-group-wrap input.tel-inner-input{padding-left:12px;margin-left:57px;border-radius:0 6px 6px 0;width:calc(100% - 57px)}
.tel-group-wrap.error input.tel-inner-input{z-index:10}
.tel-group-wrap input.tel-inner-input:hover,.tel-group-wrap input.tel-inner-input:focus{border-color:#387821;z-index:10}

#center-container .error{color:#FF0000}
.add-address-page-wrap .row-half{display:flex;justify-content:space-between}
.par-tel-box{position:relative;width:100%}
.pop-up-wrapper .par-tel-box p.error{margin-top:6px;font-weight:400}
.par-tel-box label{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:16px;color:#8b8b8b;padding:0 5px 0 10px;height:15px;z-index:3;background:transparent;top:12px;position:absolute;left:0}
.par-tel-box input:disabled{background:#EAEAEA}
.par-tel-box input{height:50px;background:rgba(255,255,255,0.39);border:1px solid #D5D5D5;opacity:1;border-radius:0 6px 6px 0;padding:0 15px 0 12px;max-width:calc(100% - 57px);font-size:14px;width:100%;position:relative;z-index:10;margin-left:57px}
.par-tel-box input:focus{border:1px solid #387821}
.center-tel-modal .par-tel-box input.error{border:1px solid #FF0000;color:#303030 !important}
.par-tel-box .select-value-wrap{display:unset;text-align:center;padding-right:7px;width:58px;margin:0;position:absolute;font-size:14px;color:#8B8B8B;top:0;left:0;height:50px;line-height:50px;cursor:pointer;border:1px solid #d5d5d5;border-radius:6px 0 0 6px}
.par-tel-box .select-value-wrap:hover,.select-tel-area:hover~.select-value-wrap{border-color:#387821;z-index:10}
.par-tel-box .select-value-wrap:after{content:'';position:absolute;width:0;right:4px;display:block;border:4px solid transparent;border-top-color:#8b8b8b}
.center-tel-modal button:hover{background:#000;color:#FFF}
.center-tel-modal button{width:100%;text-align:center;height:54px;font-size:16px;font-family: Nunito Sans, serif;font-weight:bold;line-height:22px;display:block;margin-top:30px;background:#303030;color:#FFF;border:none;border-radius:6px}
.par-tel-box .select-tel-area li:hover{border-radius:4px}
.par-tel-box .select-tel-area{padding:4px 0 4px 4px;box-shadow:0 3px 6px rgba(48,48,48,0.16);border-radius:6px;margin-top:2px;position:absolute;width:100%;background:#fff;z-index:10;height:140px}
.par-tel-box .select-tel-area::-webkit-scrollbar{width:4px}
.par-tel-box .select-tel-area li{height:26px;line-height:26px;padding:0 8px;font-size:12px;margin-bottom:0}
.par-tel-box  .select-tel-area li span{margin:0}
.par-tel-box .select-tel-area::-webkit-scrollbar-thumb{background-color:#D5D5D5;border-radius:4px;width:4px;height:10px}
.par-tel-box .select-tel-area::-webkit-scrollbar-track{background-color:#f0f0f0;border-radius:4px}
.input-row-b{position:relative}
.input-row-b.focus input,.input-row-b input:focus{padding:19px 12px 0 12px}
.input-row-b input:focus,.input-row-b input:hover{border-color:#387821}
.input-row-b.focus.error input,.input-row-b.error input{ border-color:#FF0000}
.input-row-b label{position:absolute;top:18px;font-size:14px;line-height:14px;color:#8b8b8b;transition:top .5s;left:12px;padding:0;font-weight:400;margin-bottom:0;z-index: 0}
.input-row-b.focus label,.input-row-b input:focus + label{top:9px}
.tel-select-show.input-icon:before{background:transparent;border-right:1px solid transparent}
.tel-select-show .select-value-wrap{display:block;padding-right:10px}
.select-tel-area{border:1px solid #D5D5D5;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:10;background:#fff;max-height:200px;border-radius:6px;box-shadow:0 3px 6px rgba(48,48,48,0.16);margin-top:4px}
.select-tel-area li:hover{background:#f2f2f2}
.select-tel-area li{height:30px;line-height:30px;padding:0 12px;cursor:pointer}
.select-tel-area li span{color:#8b8b8b}
.select-tel-area::-webkit-scrollbar{width:8px}
.select-tel-area::-webkit-scrollbar-thumb{background-color:#D5D5D5;border-radius:10px;width:8px;height:20px}
.select-tel-area::-webkit-scrollbar-track{background-color:#f0f0f0;border-radius:10px}
.select-value-wrap:after{content:'';position:absolute;width:0;top:23px;right:5px;display:block;border:5px solid transparent;border-top-color:#8b8b8b}

.pagination{display:flex;justify-content:center;margin-top:30px;align-items: center}
.pagination button{width:30px;height:30px;background:rgba(255,255,255,0.39);border:1px solid #8B8B8B;font-weight:600;color:#303030;margin:0 12px;cursor:pointer}
.pagination ul{display:flex}
.pagination li{padding:2px 9px;line-height:30px;cursor:pointer}
.pagination li.active{color:#387821}
.pagination span{margin: 0 10px}
.code-modal.pop-up-wrapper .pop-up-content{width:608px}
.code-modal.pop-up-wrapper input{width:45px;height:60px;border:1px solid #D5D5D5;padding:0;border-radius:0;font-size:19px;font-family: Nunito Sans, serif;font-weight:bold;line-height:26px;color:#303030;text-align:center}
.code-modal.pop-up-wrapper input.full{border:1px solid #303030}
.code-modal.pop-up-wrapper input:focus,.code-modal.pop-up-wrapper input:hover{border:1px solid #387821}
.code-modal .pop-up-close{right:30px;top:30px}
.code-modal .text-content{margin-bottom:20px;text-align:center}
.code-modal .text-content p{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030;margin:0}
.code-modal .return{font-size:16px;font-family: Nunito Sans, serif;font-weight:400;line-height:22px;color:#387821;text-decoration:underline;text-align:center;cursor:pointer;padding:10px}
.code-modal .return-box{margin:30px 0;text-align:center}
.email-change-wrap .input-email{margin-bottom:0;width:100%}
.code-modal .return-box .count-down{color:#387821;font-weight:600}
.code-modal button{border-radius:6px;height:54px;background:#303030;font-size:20px;font-family: Nunito Sans, serif;font-weight:bold;line-height:27px;color:#FFFFFF;width:100%;max-width:374px;margin:0 auto;border:none;display:block;cursor:pointer}
.code-modal.pop-up-wrapper .pop-up-content h2,.code-modal.pop-up-wrapper .pop-up-content .title{text-align:center;font-size:20px;font-family: Nunito Sans, serif;font-weight:bold;line-height:27px;color:#303030;margin:40px 0 20px;padding:0;border-bottom:none}
.code-modal.pop-up-wrapper .code-input-box{display:flex;justify-content:center;width:374px}
.code-input-box~.error{text-align:center;margin-top:6px;margin-bottom:-20px}
.code-modal .error{text-align:center;margin-top:6px;margin-bottom:-20px}
.tel-group-wrap.active:before{display:none}
.email-change-wrap{display:flex;justify-content:space-between;margin-bottom:18px;align-items:center}
.email-change-inner{margin:0}
.email-change-inner span{font-size:14px;font-family: Nunito Sans, serif;font-weight:bold;line-height:19px;color:#303030}
.email-change-inner p{font-size:12px;font-family: Nunito Sans, serif;font-weight:400;line-height:16px;color:#FF0000;text-align:left}
.email-change-wrap button{width:114px !important;height:40px;border:1px solid #303030;opacity:1;border-radius:6px;background:transparent;cursor:pointer;margin:0 0 0 20px;color:#303030}
.email-change-wrap .btn-primary{margin:0 0 0 20px;padding:0;min-width:114px}
.code-modal.dialog-enter-active{display:block}
.code-modal.dialog-leave-active{display:none}
.email-button-group{display:flex;justify-content:flex-end;margin:0}
#reset-container .login-mode-title{margin-bottom:30px}
.index-page-wrap  .center-box{display:none}
.center-mobile-return{display:none}
.center-nav-wrap{display:none}
#reset-container .login-mode-title{text-align:center}
.password-reg-error{width:100%;max-width:450px;min-height:40px;background:rgba(252,234,234,0.39);border:1px solid #FF0000;border-radius:6px;font-size:12px;font-family: Nunito Sans, serif;font-weight:400;line-height:16px;color:#FF0000;padding:12px;box-sizing:border-box;margin-top:20px;margin-bottom:12px;text-align:center}
#center-container{margin-bottom:100px}
.input-password i.password-change-group{position:absolute;top:14px;right:20px;cursor:pointer}
.input-password .password-change-group img{width:22px;height:22px}
.center-page-wrapper .center-reset-success .login-mode-title{margin-top:10px;padding-left:0;margin-bottom:10px}
.center-reset-success .login-page-item-wrap .icon-success{width:68px;height:68px;margin:20px auto 12px}
.user-register-btn i{display: block; width: 22px;height: 22px;margin: 0 0 0 12px; background: url("/assets/images/icon_loading.png") no-repeat center;transition: transform 0.3s ease-in-out;animation: rotate 2s infinite linear}
@keyframes rotate {
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
.login-page-item-wrap .btn-primary.user-register-btn{display:flex;justify-content:center;align-items:center}
.login-page-item-wrap .btn-primary:hover{background:#000;color:#fff}
.login-page-item-wrap .btn-default:hover{background:#303030;color:#fff}
.order-loading-page{width:100%;height:300px;background:#c3c3c3d4;position:relative}
.order-loading-page.lazyloading:before,.order-loading-page.lazyloading:after{display:block;position:absolute;width:10px;height:30px;top:calc(50% - 5px);content:'';background-color:#ffffff;z-index:2}
.order-loading-page.lazyloading:before{
    left: calc(50% - 20px);-webkit-animation: rectangle infinite 1s ease-in-out -.4s;-moz-animation: rectangle infinite 1s ease-in-out -.4s; -o-animation: rectangle infinite 1s ease-in-out -.4s;animation: rectangle infinite 1s ease-in-out -.4s;
}
.order-loading-page.lazyloading:after{
    right: calc(50% - 20px);-webkit-animation: rectangle infinite 1s ease-in-out;-moz-animation: rectangle infinite 1s ease-in-out;-o-animation: rectangle infinite 1s ease-in-out;animation: rectangle infinite 1s ease-in-out;
}
.box-wrap-b li span,.address-page-wrap .address-item-list-box li span{white-space:pre-wrap;word-break:break-word}
#klarna-price::part(osm-container){background-color: #E8F3D6;border-color:transparent;padding-top: 6px;padding-bottom: 6px}
@media screen   and (max-width:991px){

    .pagination{margin-top: 50px}
    .code-modal.pop-up-wrapper .pop-up-content{width: 100%}
    .code-modal.pop-up-wrapper .code-input-box{max-width: 500px}
    .pop-up-wrapper.center-tel-modal .pop-up-content{width: 100%;overflow-y:auto}
    .pop-up-wrapper.center-tel-modal .pop-up-content>div{overflow-y: hidden;height: 100%}
    .box-wrap-a button.btn-primary:hover, .box-wrap-b button.btn-primary:hover, .email-change-wrap .btn-primary:hover{background: transparent;color: #303030}
    .pop-up-wrapper.confirm-del-modal .pop-up-content{width:100%;overflow-y: hidden}
    .pop-up-wrapper.confirm-del-modal .pop-up-content>div{overflow-y: hidden}
    .privacy-policy-box .article-content{margin:0 auto 0}
    .privacy-policy-box h4{font-size:16px}
    .pop-up-wrapper .pop-up-content .privacy-policy-box{padding-top:0;overflow-y:hidden}
    .privacy-policy-box .article-main{padding-bottom:30px}
    .head-coupon-tip-wrap span{font-size:12px;font-family: Nunito Sans, serif;font-weight:400;line-height:16px;color:#ECECEC;margin:0}
    .head-coupon-tip-wrap img{width:15px;height:12px;margin-right:12px;margin-left:10px}
    .head-coupon-tip-wrap{display:flex;align-items:center;justify-content:left;margin:0;width:100%;height:32px;background:#303030;padding:10px}
    .head-mobile-content-wrap{display:flex;justify-content:space-between;align-items:center;margin:0;width:100%;height:50px;padding:0 14px}
    .head-mobile-search{width:28px;height:28px;margin-right:14px}
    .head-mobile-left{margin:0}
    .menu-mobile-list-wrap{margin-bottom:0;position: fixed;bottom: 0;width: 100%}
    .menu-mobile-list-wrap li{background:#F2F2F2;height:45px}
    .menu-mobile-list-wrap li:not(:last-child){border-bottom:1px solid #D5D5D5}
    .menu-mobile-list-wrap li img{width:21px;height:21px;margin:0 12px 0 20px}
    .menu-mobile-list-wrap li span{font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030;text-align:left;margin:0 12px 0 0}
    .menu-mobile-list-wrap li>a,.menu-mobile-list-wrap li>div{display:flex;justify-content:flex-start;align-items:center;height:100%}
    .head-search-category{}
    .head-search-category .title{font-size:16px;font-family: Nunito Sans, serif;font-weight:bold;line-height:22px;color:#303030;margin:40px 0 20px 20px}
    .head-search-category ul{display:flex;flex-flow:wrap;text-decoration:underline;padding:0 20px}
    .head-search-category li{margin:0 30px 20px 0}
    .head-search-category li a{}
    .center-page-wrapper .btn-wrap{display:flex;justify-content: flex-end}
    .order-item-wrap .btn-wrap .btn-primary{padding:0 6px}
    .order-item-wrap .btn-wrap button{min-width: 80px;margin-right: 0}
    .order-item-wrap .btn-wrap button:not(last-child){margin-left:12px}
    .order-item-wrap{position:relative;margin-bottom:40px;padding-top:20px}
    .order-page-wrap .order-item-wrap:not(:last-child):after{position:absolute;display:block;content:'';width:calc(100% + 40px);height:10px;background:#EAEAEA;left:-20px;bottom:-30px}
    #center-container .pop-up-wrapper .pop-up-content{padding:0 20px 20px 20px}
    #center-container .pop-up-wrapper .pop-up-content>div{padding-top:20px}
    .confirm-del-modal .confirm-inner-box h3{color:#303030;text-align:left;padding-bottom:12px;border-bottom:1px solid #D5D5D5;font-size:18px}
    .confirm-del-modal .confirm-inner-box .contet-box{margin:20px 0 40px 0}
    .confirm-del-modal .confirm-inner-box .button-group{flex-direction:column}
    .confirm-del-modal .confirm-inner-box .button-group button.btn-primary{margin-bottom:11px}
    .confirm-del-modal .confirm-inner-box .button-group button{width:100%}
}
@media screen   and (max-width:767px){
    .login-page-outer{border:none;padding:20px}
    .login-page-wrap{border:none}
    .login-page-outer{margin-top:0}
    .login-page-wrap{padding-top:20px}
    .login-mode-title{font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px}
    .login-page-wrap:after{display:none}
    .login-page-outer{margin-bottom:0}
    .service-description-wrap ul{flex-wrap:wrap}
    .service-description-wrap ul li{width:50%}
    .service-description-wrap{padding-top:40px;margin-bottom:-90px;height:auto}
    .service-description-wrap ul li{width:50%;margin-bottom:40px}
    .service-description-wrap ul img{width:80px;height:80px}
    .service-description-wrap ul li span{font-weight:400}
    .login-page-item-wrap .btn-primary{font-size:16px}
    img.btn-return{top:28px;left:0}
    .login-page-item-wrap .ma-c{margin:6px 0 20px 0}
    .login-page-item-wrap .tip-text-b{font-size:14px}
    .login-page-item-wrap .btn-sty-a{margin-top:30px}
    .login-page-item-wrap .icon-success{position:unset !important;transform:unset !important;margin:30px auto 12px}
    .login-page-item-wrap .ma-b{margin:12px 0 30px 0}
    .login-page-item-wrap .tip-text-a{font-size:16px;line-height:22px}
    .login-page-item-wrap .su-button-group-box button{font-size:16px}
    #reset-container .login-mode-title{margin-bottom:20px}
    .ca-banner-wrapper .ca-text-box h4{line-height: 34px}
    .ca-banner-wrapper .ca-text-box p{font-size: 14px;color: #fff;line-height: 19px;max-width: calc(100% - 30px)}
    .ca-tab-wrap li{font-size: 12px;line-height: 16px;padding: 16px 0;margin: 0 0 0 24px}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .center-page-wrapper h2{font-size:34px;line-height:45px;margin-bottom:24px;margin-top:30px;padding-left:20px}
    .center-content-left-wrap{width:220px}
    .center-page-wrapper .box-style{padding:20px}
    .return-wrap{top:20px;left:20px}
    .center-content-left-wrap h3{font-size:20px}
    .center-page-wrapper .login-mode-title{font-size:25px;font-family: Nunito Sans, serif;font-weight:bold;line-height:34px;color:#303030;text-align:center;margin-top:20px}
    .center-page-wrapper .center-page-outer{padding:0 20px}
    .foot{margin-top:70px}
}
@media screen  and (max-width:991px){
    .center-page-wrapper .center-page-outer{flex-direction: column}
    .address-page-wrap .btn-add-address button{font-size: 16px}
    .address-item-list-box{padding: 20px}
    .address-page-wrap .address-title-box{padding: 4px 20px}
    .center-page-wrapper h4, .address-page-wrap h4{line-height: 22px;margin-bottom: 24px;font-size: 16px}
    .center-page-wrapper .box-style{    padding: 20px;    border: none}
    .address-page-wrap .operate-btn-inner{margin: 0}
    .address-item-list-box ul{width: 100%}
    .address-item-list-box{flex-direction: column}
    .address-page-wrap .operate-btn-wrap{margin: 0}
    .return-wrap{top: 20px;left: 20px}
    .return-wrap span{display: none}
    .add-address-page-wrap .row-half{flex-direction: column}
    .add-address-page-wrap .row-half .input-row-b{width: 100%}
    .box-wrap-c .info-save-btn, .box-wrap-d .info-save-btn, .add-address-page-wrap .info-save-btn{font-size: 16px}
    .center-page-wrapper .operate-btn-wrap .btn-primary{margin:0 0 20px 0;width:178px}
    .order-item-wrap .title-box{padding:12px 20px;border:none;align-items:flex-start;flex-direction:column}
    .order-item-wrap h5{font-size:16px;line-height:22px;margin:0;text-align:left}
    .order-item-wrap .order-time{margin-top:6px;text-align:left}
    .order-item-wrap .item-row-wrap{flex-direction:column;border:none;border-bottom:1px solid #D5D5D5;padding-bottom:12px}
    .order-item-wrap .item-row-wrap:last-child{border-bottom:1px solid #D5D5D5}
    .order-item-wrap .item-row-wrap .order-item-img{width:102px;height:102px;margin-right:12px;object-fit: contain;}
    .order-item-wrap .item-row-wrap .attr-img{width:58px;height:58px;object-fit: contain;}
    .order-item-wrap .item-content-box{padding:12px 0 0 0;width:100%}
    .order-item-wrap .order-price{justify-content:flex-end;width:100%;font-size:12px;margin-top:12px;border:none;flex-direction:row}
    .order-item-wrap .order-price span{margin:0 0 0 5px}
    .order-item-wrap .content-attr h5{margin-bottom:10px}
    .order-item-wrap .item-list{flex-direction:column;border:none}
    .order-item-wrap .row-first{width:100%}
    .item-list .order-total-text{text-align:right;width:100%;margin:12px 0 0 0;font-weight:bold;flex-direction:row;justify-content:flex-end}
    .item-list .order-total-text span{margin:0 0 0 5px}
    .order-item-wrap .btn-wrap{padding:12px 0 10px;border:none}
    .btn-wrap .btn-delete{width:84px;padding:0;min-width:unset}
    #center-container>h2{display:none}
    .center-content-left-wrap ul{display:none}
    .center-content-left-wrap h3{font-size:30px;font-family: Nunito Sans, serif;font-weight:400;color:#303030;margin-bottom:12px;margin-top:30px}
    .center-content-left-wrap{height:unset}
    .center-page-wrapper .box-style{width:calc(100% - 40px);border:none;padding:0;margin:0 20px 0 20px;border-radius:0}
    .center-content-left-wrap.box-style  .btn-primary{width:106px;height:31px;padding:0;font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;min-width:unset}
    .index-page-wrap .box-style{display:flex;flex-direction:column}
    .index-page-wrap .left-box{border-right:none;padding-right:0;width:100%;margin-bottom:30px}
    .center-page-wrapper h4{font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px;color:#303030;margin-bottom:12px}
    .address-page-wrap h4{font-size:16px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px;color:#303030;margin-bottom:12px}
    .index-page-wrap  .item-inner-box{border:1px solid #D5D5D5;border-radius:10px;padding:20px;width:100%}
    .box-wrap-b .item-inner-box button.btn-default{margin-top:40px}
    .index-page-wrap .center-box{margin:0 0 10px 0;width:100%;border-bottom:none}
    .index-page-wrap .right-box{padding-left:0;width:100%;border-bottom:none;margin-bottom:10px}
    .index-page-wrap .box-wrap-a~.box-wrap-b{display:none}
    .center-content-right-wrap{padding-top:30px}
    .center-page-wrapper .index-page-wrap  .box-style{border-bottom:none}
    .index-page-wrap .left-box ul{margin-bottom:24px}
    .index-page-wrap .left-box button,.index-page-wrap .center-box .btn-primary{border:none;text-decoration:underline;padding:0;font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#303030;height:19px}
    .index-page-wrap .center-box h4{margin:0 0 12px 0}
    .index-page-wrap .left-box li{margin-bottom:4px}
    .box-wrap-b li{margin-bottom:4px}
    .index-page-wrap .center-box ul{margin-bottom:24px}
    .index-page-wrap .item-inner-box li span:first-child{font-weight:700;padding-right:2px}
    #center-container .pop-up-wrapper .pop-up-content{padding:0 20px 30px 20px}
    #center-container .code-modal .pop-up-close{right:18px;top:18px}
    .code-modal.pop-up-wrapper .pop-up-content h2,.code-modal.pop-up-wrapper .pop-up-content .title{text-align:left;font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px;color:#303030;padding:20px 0 12px;border-bottom:none;border-bottom:1px solid #D5D5D5;position:unset;margin-top:0}
    .box-wrap-c .login-mode-title{margin-bottom:30px;font-size:16px;line-height:22px;margin-top:0}
    .box-wrap-c .return-wrap{top:-3px;left:0;position:absolute}
    .login-page-item-wrap .radio-row{margin-bottom:20px}
    .login-page-item-wrap .input-box-half{width:100%}
    .login-page-item-wrap .input-row-a{flex-direction:column}
    .email-button-group{margin-top:20px}
    .email-button-group button{font-size:14px;font-weight:400}
    .email-button-group button:first-child{margin-left:0}
    .email-change-wrap{flex-direction:column;align-items:flex-start}
    .code-modal.pop-up-wrapper .text-content p{font-weight:400;margin-bottom:0}
    .code-modal.pop-up-wrapper .code-input-box{padding-top:20px;width:100%}
    .code-modal.pop-up-wrapper input{width:36px;height:45px}
    .code-modal .pop-up-content .return{margin:30px 0;padding-top:0}
    .code-modal.pop-up-wrapper .text-content{padding-top:0}
    .code-modal.pop-up-wrapper .return~button{font-size:16px}
    .email-change-wrap .btn-primary{font-weight:400;font-size:14px}
    .center-page-wrapper .box-style.box-wrap-d{border:none}
    .box-wrap-d .return-wrap{top:0;left:0}
    .box-wrap-d .return-wrap{font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px;color:#303030;text-align:center;margin-top:0}
    .box-wrap-d .btn-row{margin:30px 0}
    .center-page-wrapper .login-mode-title{text-align:center;margin-top:10px;font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px;color:#303030;margin-bottom:20px}
    .center-page-wrapper .box-wrap-c{border-bottom:none}
    .return-wrap{top:0;left:0}
    .center-mobile-return{display:block}
    .center-nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px 0;border-bottom:1px solid #d5d5d5;margin-top:40px}
    .center-nav-wrap span{font-size:18px;font-family: Nunito Sans, serif;font-weight:bold;line-height:24px;color:#303030;margin:0}
    .center-nav-wrap i{margin:0;width:12px;height:12px;background:url("/assets/images/allow-right.png") no-repeat center}
    .order-empty-wrap{margin-bottom:0}
    .pop-up-wrapper.code-modal .pop-up-content div.return-box{padding:0;margin-bottom:30px;margin-top:10px}
    .code-modal.pop-up-wrapper .pop-up-content>div{overflow-y:hidden}
    .center-tel-modal .pop-up-close{right: 18px;top: 18px}
    .center-tel-modal h3{text-align:left;padding:0 0 20px 0;border-bottom:1px solid #d5d5d5;margin:0 0 20px}
    .center-tel-modal .select-tel-area{height:102px}
    .center-tel-modal button{margin-top:50px}
}

@media screen  and (min-width:1200px){
    .order-item-wrap .order-price{width:110px}
}

@media screen  and (min-width:992px) and (max-width:1048px){
    .order-item-wrap .order-price{width:110px}
}
/*.tip-swiper-pc{width:270px!important}*/
.tip-swiper-pc .swiper-slide{display:flex;align-items: center;width:100%;font-size:14px;font-family: Nunito Sans, serif;font-weight:400;line-height:19px;color:#ECECEC;
    cursor: pointer;
}
.tip-swiper-pc .swiper-wrapper{max-height:60px;width:700px}
.tip-swiper-pc .swiper-slide a{color: #ECECEC;height: 60px;display: flex;align-items: center;text-align: left;margin: 0}
.tip-swiper-mobile{width:100%}
.tip-swiper-mobile .swiper-slide{display:flex;align-items: center;width:100%;font-size:12px;font-family: Nunito Sans, serif;font-weight:400;line-height:14px;color:#ECECEC}
.tip-swiper-mobile .swiper-wrapper{max-height:32px;width:100%}
.tip-swiper-mobile .swiper-slide a{color: #ECECEC;height: 60px;display: flex;align-items: center;text-align: left;margin: 0}

@media screen and (max-width:340px){
    #bookCouponModal .book-modal-content{padding:40px 5px 30px}
    #bookCouponModal .book-modal-content h4,#bookCouponModal .book-modal-content .title{font-size:20px;line-height:24px}
    .register-coupon-list{margin-top:10px}
    .register-coupon-list li{width:290px;height:84px}
    .register-coupon-list li .left-box{font-size:26px;line-height:84px;width:90px}
    .register-coupon-list li .right-box{font-size:12px}
    .success-register-page .register-coupon-list li{width:290px;height:84px}
    .success-register-page .register-coupon-list li .left-box{line-height:84px;width:90px}
    .register-coupon-list li .left-box.code-content .percent{font-size:26px}
}
@media screen and (max-width:320px){
    .login-page-outer{padding: 5px}
}
@media screen and (min-width: 1600px) {
    .currency-wrap .currency-area, .currency-area{
        right: calc(50% - 800px);
    }
    .language-wrap .language-area, .language-area{
        right: calc(50% - 800px);
    }
    .login-drop-list-wrap{
        right: calc(50% - 610px);
    }
}
@media screen and (min-width: 991px) and (max-width: 1599px){
    .currency-wrap .currency-area, .currency-area{
        right: 20px;
    }
    .language-wrap .language-area, .language-area{
        right: 20px;
    }
    .login-drop-list-wrap{
        right: 200px;
    }
}
@media screen and (min-width:768px) and (max-width:1600px){
    .ca-banner-wrapper picture img.lazyload{
        max-height: 18.7vw;
    }
}
@media screen and (max-width:768px){
    .ca-banner-wrapper picture img.lazyload{
        max-height: 26.7vw;
    }
}
/* language*/
.language-switcher {
    position: relative;
    width: 120px;
}

.current-lang {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 16px;
    color: #fff;
}

.flag-icon {
    width: 24px;
    height: 16px;
    margin-right: 8px;
    margin-left: 0;
    background-size: cover;
}
.lang-name{
    font-size: 16px;
    font-weight: 600;
}
.flag-world {
    width: 20px;
    height: 21px;
    margin-right: 4px;
    background-image: url('/assets/images/common/icon-world.svg');
    filter: brightness(100);
}
.flag-it {background-image: url('/assets/images/common/it.png'); }
.flag-fr {background-image: url('/assets/images/common/fr.png'); }

.arrow-icon {
    margin-left: auto;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 4px;
    transform: rotate(45deg);
}

.lang-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    display: none;
}

.lang-option {
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.lang-mobile-modal.pop-up-wrapper .pop-up-content{
    padding: 0 20px 20px 20px;
}
.lang-mobile-modal.pop-up-wrapper .pop-up-content .title {
    position: relative;
    padding: 20px 40px 12px 0;
    border-bottom: 1px solid #d5d5d5;
}
.lang-mobile-modal .lang-menu-list{margin-top: 6px;}
.lang-mobile-modal .lang-menu-list li{padding-left: 0;}

.lang-option:hover {
    background: #f8f8f8;
}
@media screen and (max-width:768px){
    .language-switcher {
        margin: 0;
    }
}
.gallery-top .swiper-slide,.gallery-thumbs .swiper-slide{
    aspect-ratio: 1/1;
}